Adobe Brackets(アドビ ブラケッツ)のインストール方法

Adobe Brackets インストール

Adobe(アドビ)が提供しているテキスト・エディター、Adobe Brackets(ブラケッツ)を紹介します。

Adobe Bracketsとは?

Screenshot of brackets.io

Adobe Bracketsとは、Adobe(アドビ)が提供しているテキスト・エディターです。
主要なターゲット言語は、HTML、CSS、JavaScriptで、静的なWebサイト制作向けです。

動作環境:Mac、Windows

Adobe Bracketsの特徴

  • psdのデザインカンプをアップロードすることができる
  • Node.js が同梱されているため、簡易 web サーバーを簡単に立ち上げることができる
  • psdデータの読み込みができる
  • デフォルトで日本語表示
  • デフォルト機能でコードを折りたためる
  • 開始タグと終了タグをハイライト表示
  • ライブプレビュー機能で、ファイルの編集結果を即座にWeb ブラウザで確認できる(Bracketsのライブプレビュー機能の使い方
  • CSSのクイック編集
  • 色のクイック編集
  • ホバービュー
  • 拡張機能を追加できる
  • 豊富なテーマ(Adobe Brackets(ブラケッツ)のテーマの追加インストールと変更方法

Adobe Bracketsのインストール方法

Macを例にAdobe Bracketsのインストール方法を解説します。

Bracketsにアクセスし、「Download Brackets x.x」をクリックします。

ローカルPCにダウンロードできたら、ダブルクリックしてファイルを展開します。
ファイル名:Brackets.Release.1.10.dmg

Brackets.Release.1.10.dmg

開くのを待ちます。

Adobe Brackets

↓以下のウィンドウが開いたら、左側の「Adobe Brackets」を右側の「アプリケーションフォルダ」へドラッグ&ドロップします。

以上で、Adobe Bracketsのインストールは完了です。