今日は、「Brackets」のエクステンションについて紹介します。
とりあえず、すぐ使いそうなのをピックアップしました。


①Shizimily Multiencoding for Brackets
文字コードがUTF-8以外も対応になります。

デフォルトだとUTF-8以外は開けません。
Soft_005_01

Soft_005_02


②Extensions Rating
エクステンションを探す時の条件の情報が増えます。

Soft_005_03

Soft_005_04


③Sidebar Plus
サイドバーを隠したり開いたりすることができます。

Soft_005_05


④Tabs - Custom Working
ファイルをタブ表示することができます。

Soft_005_06

Soft_005_07

⑤Brackets File Icons
ファイル名の横にアイコンを表示することができます。

Soft_005_08

Soft_005_09


⑥Indent Guides
インデントを表示します。

Soft_005_10

Soft_005_12


⑦Show Whitespace
半角スペースを表示します。

Soft_005_11

Soft_005_13


⑧Brackets Outline List
ファイルの構造をアウトライン表示します。

Soft_005_14

Soft_005_15


⑨Overscroll
最終行より下までスクロール可能になります。

Soft_005_16

Soft_005_17


⑩Paste and Indent
コピーしたコードを自動でインデントします。

Soft_005_18


⑪Brackets Css Color Preview
色設定を行番号に表示します。

Soft_005_19

Soft_005_20


⑫colorHints
ファイルで指定した色をヒントで表示します。

Soft_005_21

Soft_005_22


⑬Emmet
Emmetが使用できるようになります。
記述後に「Tab」キーを押すと展開されます。

Soft_005_23


⑭W3CValidation
コードの記述が問題ないか検証してくれます。

Soft_005_24

Soft_005_25


⑮Rename JavaScript Identifier
変数の箇所で「Ctrl+R」押すと同一の変数を一括で変更します。

Soft_005_26


⑯Theseus for Brackets
Javascriptのデバッグをできます。

Soft_005_27


⑰Markdown Preview
Markdownファイルをライブプレビューできるようになります。

Soft_005_28


下記の「Brackets おすすめエクステンション集・解説(Qiita)」はかなり詳しくて勉強になりました。ほとんどここから使うものをピックアップしています。





book


Q&A