Bracketsで使った拡張一覧メモ

ここしばらくBracketsでコーディングしているのでちょっと紹介するYO。
※ 最強のエディタ論争するつもりはございません。

パッケージじゃないけどライブビューが他のエディタと比べて優秀。余計な設定しなくっても速攻で確認できるのはいいし、PSDもエディタで確認できるのはとてもいいざます。

使ってる拡張機能ども

Beautify

インデントを揃えてくれたりソースを綺麗にしてくれる。
が。bodyとかheaderとかに余分な改行入れたりしてくるので自動保存では使わない。

Brackets CSS Class Code hint

超絶必須。html上でidやclassの指定をするときに読み込んでるスタイルからコードヒントを出してくれる。むしろ入れないとやばい(死)

Brackets Css Color Preview

CSSの色を教えてくれる。地味に便利な気がするけど、RGBの数値を見ればだいたい分かるので恩恵はあまりないかもしれない。

Brackets File Icons

ひと目でなんのファイルかわかるのは良い。

Brackets Outline List

アウトラインが速攻で分かるので良い。

Brackets SASS

必須。エディタ内で完結できるので良い。

CSSFier

HTMLファイルからをソースをコピってCSSファイルに貼り付けるとCSSのソースコードに自動で変換してくれる。便利。

Emmet

必須。みんなだいすきEmmet。

Extract for Brackets (Preview)

必須級。Bracketsの代名詞。だけどなんだか雲行き怪しい。

Highlight Multibyte Symbols

全角英数字・記号をハイライト表示する。地味に便利。

HTML Block Selector

必須。Ctrl+Shift+Tでタグ全体を選択してくれる。便利すぎワロタ。

Indent Guides

地味に便利。インデントごとに縦線を入れてくれる。

Markdown Preview

マークダウン時のプレビューをしてくれる。

Minifier

Minifier!!!したいときどうぞ。

Overscroll

ソース最下部まで行った時、スクロールがコード末尾でぴったり止まらないようにする。他のエディタに慣れてると地味にストレスなので入れる。が、たまに変な挙動するのでそれもいらっとする。

Paste and Indent

必須。ソースコードをコピペしたときの悩みとしてインデントが揃わないとかあるんだけど、これを入れてるとインデントを既存のソースコードにあわせて勝手に揃えてくれる。
が、たまにへんなインデントにするので殺意。

Select Lines

行番号をドラッグすることで行選択ができるようになる。むしろ入れないとできないことがイラッとする。

Shizimily Multi-Encoding for Brackets

超絶必須。デフォルトではUTF-8しか利用できないのでいろいろなエンコーディングに対応させる。入れないと爆発四散。

Tabs – Custom Working

必須。デフォルトではタブがないので表示できるようにする。

Unused Files

超絶必須。納品するときにいらないファイルを削除する必要があったりするけど、未使用ファイルを一覧で出してくれる。便利すぎワロリンチョ。

Various improvements

ファイルの更新日時や、サイズなどを表示。

W3CValidation

必須。保存時にバリデーションを実行してくれる。

使え(わ)なかった拡張機能ども

あってもなくてもいいんじゃね?的な奴ら。必須!!って言う方ごめんなさい……。

Add HTML template

HTMLのテンプレを用意してくれるんだけど、ぶっちゃけ使わない。

Brackets Editor Bookmarks

エディタ上にブックマークができるということだが、恩恵があまり感じられなかった。

colorHints

恩恵なし。どんな色か教えてくれるがExtractやライブビューがあれば事足りる。

Display Shortcuts

Bracketsのショートカットキーを教えてくれるカンペみたいなもの。いらない。
存在を完全に忘れていた。

Extensions Rating

パッケージの参考情報が拡張される。いれてもいれなくても問題なし。

Sidebar Plus

サイドバーの自動開閉。いらない。

Simple JS Code Hints

JSのコードヒント。いつのまにか死んでた。

Todo

Todoは自分だけでもつのではなく他の人にも見えるようにしましょう。

右クリック拡張

右クリックのときにできることがいろいろ追加されるが恩恵なかった。

 

ma-san

日々ラーメンとWebについてぶちかましてます!!東北地方でもWebアクセシビリティやるぞ!!