Adobe Bracketsで使用している拡張機能の備忘録。

2020-03-06 PHPランタイムエラー対応を追加

#テーマ「Quick Dark」
テーマスクロールバーを使用：✔
フォントサイズ：15px
フォントファミリー：'Source Han Code jp', '源ノ角ゴシック Code JP', 'ＭＳゴシック', 'MS Gothic', sans-serif

#Emmet
HTML/CSSの入力補完機能。旧Zen-Coding。
これがないともうコーディングできない。
※逆Emmetなる拡張もある。余裕があれば試す

デフォルトのショートカットを変更する
デバッグ→ユーザーキーマップを開く
"overrides": {
"Tab": null,
"Ctrl-E": "io.emmet.expand_abbreviation_with_tab",
"Ctrl-Q": "navigate.toggleQuickEdit"
}

#全角空白・スペース・タブ表示
全角空白・半角空白・スペース・タブを制御文字で表示できる。
なぜデフォルトで表示できないのか……。

#Brackets Tree Icons
ファイル一覧に大きめのアイコンを表示できる。地味に便利。

#brackets-file-tree-exclude
プロジェクトを開くときに、指定したファイルやディレクトリを除外することができる。
大量のファイルを含むプロジェクトを開くとフリーズするので、対策として必須。

#Color Highlighter
カラーコードで指定している色をハイライトで表示できる。とても便利。

#colorHints
一度使用した色指定をコードヒントとして表示できる。

#Select Lines
行番号をクリックして行選択ができるようになる。

#Brackets Tools

空白行の削除
改行の削除
行頭の連番を削除
重複行の削除
単語リストを配列に変換

などの機能を追加できる。
https://qiita.com/assialiholic/items/7ee66c7097abae3c32ad

#Beautify
コードを自動整形してくれる。

#brackets-compare
分割画面で表示した2つのファイルの内容を比較できる。

#Brackets Key Remapper
Bracketsのショートカットをカスタマイズできる。

#Display Shortcuts
ショートカットキー一覧を簡単に表示・検索できる。

#Brackets CSS Class Code hint (Root Path OK)
ID名・class名をコードヒントで表示できる。

#Brackets Sass Hints
変数やmixinの名前等、SASS特有のコードのヒントを表示できる。

#JSONLint Extension for Brackets
JSONファイルのエラーをチェックする。

#PHP SmartHints
PHPのコードヒントを表示する。

#W3C Validation (by Umoxfo)
Brackets上でHTMLの文法をチェックできる。

#More HTML5 Code Hints
HTML5のコードヒントを拡張。picture要素やsrcset属性までサジェストできるようになる。

#~~Indent Guides~~
インデントのガイド線を表示。
→「全角空白・スペース・タブ表示」と重複しているので無効に

#~~Paste and Indent~~
コピペしたコードのインデントをリアルタイムで修正してくれる
→HTMLではインデントを使っていないので無効に

#設定の変更
ファイル＞試験ライブプレビューを有効にする　✔

#PHPランタイムエラーに対処
そういえばバージョンアップしたらこんなエラーが出るようになったんだった……

PHPの公式サイトから最新版(2020/3/6時点では7.4.3)をダウンロード
https://windows.php.net/download#php-7.4
「VC15 x64 Thread Safe」→「Zip」をダウンロード

→ダウンロードしたファイルをCドライブ直下に追加

→Bracketsの環境設定からPathを通す

brackets.json

"php": {
 "executablePath": "C:/PHP_3.7.4/php.exe"
}

参考：Brackets 1.14での PHPランタイムエラーの対処法
https://ichioshi.news/2019/06/02/brackets1-14/