Bracketsプラグイン一覧

自分が今bracketに入れているプラグインとその使い方メモの一覧です。

メジャーどころしか入れてないですね。

「Paste and Indent」が地味にストレス軽減に劇的な効果を発揮してる気がします。めんどくさがりだからよくコピペするので。

bracket拡張機能説明

Autosave Files on Window Blur

エディターからブラウザに切り替えた際に自動でファイルを保存してくれる。

Beautify

JavaScriptHTMLCSSを見やすいよう整形してくれます。minファイル等を復元・解析する際に重宝します。
対象範囲を選択し、ショートカット(Mac:Cmd+Shift+L, Win:Ctrl+Shift+L)または編集→Beautifyで実行出来ます。

BluePrint Beta

ミニマップ機能

Brackets CSS Class Code hint

HTMLでクラス名をサジェストしてくれる

Brackets Tools

改行の削除

単語のリスト化

などなど

https://qiita.com/assialiholic/items/7ee66c7097abae3c32ad

CSSFier with BEM

HTMLからタグをCSSにコピーすると、BEM形式でクラス名をセレクタに変換してくれる

Emmet

https://blog.leko.jp/post/introduction-of-emmet

めっちゃ便利便利

HTML Block Selector

開始・終了タグどちらかにフォーカスが当たっている状態でCommand+Shift+Tを押すと、対応するタグまでの範囲を選択してくれます。

Overscroll

ドキュメントのまだ記入していないところまでスクロールできる

Paste and Indent

ペーストしたコードを、自動的に正しくインデントしてくれます。
これによりいちいち自分でインデントを調整する手間が省けますが、元々インデントが無いファイルにペーストした場合はその箇所だけインデントされるので、場合によっては注意が必要です。

Brackets Editor Bookmarks

ブックマークの追加・削除: cmd option KMac Ctrl+Shift+KWin
次のブックマークへ    : cmd PMac Ctrl+PWin
前のブックマークへ    : cmd option PMac Ctrl+Shift+PWin

コメントを残す

メールアドレスが公開されることはありません。