Bracketsのプラグインを使ってみる

Bracketsのプラグインでよさそうなものをいくつかインストールしてみます。

インストール方法

プラグインのインストールは右側のアイコンで行えます。

try-using-a-plugin-brackets01

右上の検索ボックスからインストールしたいプラグイン名を入力します。

try-using-a-plugin-brackets02

インストールしたいプラグインが見つかったら、右側にあるインストールボタンをクリックしてインストールします。

try-using-a-plugin-brackets03

「インストールは成功しました。」と出ればインストール完了です。

try-using-a-plugin-brackets04

インストールは他にもzipファイルから行う方法とURLを指定して行う方法もあるようです。
 

インストールしたプラグイン

Emmet
Emmetが使えるようになります。
Brackets Tools
HTMLやURLのエンコード/デコード、空白行や改行の削除など、細々としたツールがまとまっています。
Extensions Rating
プラグインのDL数などが確認できるようになります。
Shizimily Multiencoding for Brackets
UTF-8以外の文字コードに対応します。

デフォルトだとBracketsはUTF-8以外には対応していません。
UTF-8以外のファイルを開こうとすると、以下のようにエラーが出ます。

try-using-a-plugin-brackets05

Shizimily Multiencoding for Bracketsをインストールすると、UTF-8以外のファイルも開けるようになります。
(プラグイン追加後すぐは文字化けしていたのですが、何度か編集・保存を行ってみると文字化けしなくなりました。)

try-using-a-plugin-brackets06

右下から文字コードの設定の変更も行えます。

try-using-a-plugin-brackets07

colorHints
ファイル内で使用している色指定をコードヒントとして表示します。

try-using-a-plugin-brackets08

CSSFier
HTMLコードをコピーしてCSSファイルに張り付けると自動でセレクタを出力します。

HTMLコードを選択してコピーします。

try-using-a-plugin-brackets09

CSSファイルでペーストをすると、コピーしたコードからセレクタを自動で出力します。

try-using-a-plugin-brackets10

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

右側に表示されるアイコンをクリックすると、左側にアウトラインが表示されます。
アウトラインの要素をクリックすると、その要素のある行にジャンプできます。

try-using-a-plugin-brackets11

Minimap
右側にファイルのミニマップを表示します。

try-using-a-plugin-brackets12

CSSLint
CSSLintの結果を表示します。

右下のアイコンをクリックすることで表示できます。

try-using-a-plugin-brackets13

JavaScript Globals
グローバル変数を赤字+下線で表示します。

try-using-a-plugin-brackets14

Rename JavaScript Identifier
変数や関数名の一括置換ができます。

変更したい変数・関数名上でctrl + Rで実行できます。

try-using-a-plugin-brackets15

Theseus for Brackets
ライブプレビューでjsのデバックが行えます。

関数の実行を追跡して確認できます。

try-using-a-plugin-brackets16

Autoprefixer
ベンダープレフィックスを自動付与します。

インストール後、編集 > Auto prefix on save にチェックを入れる必要があります。

try-using-a-plugin-brackets17

Indent Guides
インデントのガイド表示します。

 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2022年5月
1234567
891011121314
15161718192021
22232425262728
293031