dayjournal memo

Total 992 articles!!

Soft #005 – Bracketsのエクステンション

Yasunori Kirimoto's avatar

今日は、「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