Brackets

BracketsはAdobeが開発したエディタです。
コーディング時に、変更箇所を即座に反映してくれるので修正などに大いに役立ちます。

1.作業フォルダを決めて開く。
2.フォルダ内を右クリックしてファイルを新規作成できる。
3.右側のライブビュー（雷マーク）でChromeによるプレビュー画面が見れる。
4.この状態で、BRACKETS上のソースをクリックすると、選択箇所を青線で囲み表示してくれます。
5.CSSの編集は、idまたは、classの部分カーソルを置きCtrl+Eで適用されているCSSが表示されます。
　CSSを直接見たい場合は、クイック編集ウィンドウ左上のcssのファイル名をクリックします。
6.色の指定もCtrl+Eでカラーピッカーが表示されます。