Blackets　おすすめプラグイン

ほぼ必須レベル

css保存時に自動的にベンダープレフィックスが追記される。

見づらいコードが一発で見やすくなります。

インストール後、編集メニューの「保存時にBeautifyする」にチェックを入れれば、ファイル保存時に実行される。手動でBeautifyを実行する時はcommand ＋ shift＋ L 。

htmlタグにクラス名やIDを入力する時に候補を表示してくれる。

ソース内に色の指定をしている行がある場合、行番号の横に色を表示してくれる。
この他に、「Color Highlighter」というプラグインもあって、こちらはソース部分の色が指定しているカラーにハイライトされる。ただしカーソルが見にくくなるので俺は使ってない。

CSSでカラーを指定する時に、#とだけ入力すればファイル内で使用しているカラーをヒントとして表示してくれる。

他のページからコピーしたコードをリアルタイムでインデントしてくれる。

インデントがすでにずれてしまっている場合はBeautifyを実行する必要がありますが、このPaste and Indentならインデントをずらすことなくコピペが可能。Beautifyと、このPaste and Indentがあれば、面倒なインデント修正地獄から抜け出すことができます。

Brackets上からサーバーへアップロードできる。

覚えれば格段にコーディングが早くなるよ。

Ctrl+Shift+Aでタグの中身を一発選択してくれる。