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を通す
"php": {
"executablePath": "C:/PHP_3.7.4/php.exe"
}
参考：Brackets 1.14での PHPランタイムエラーの対処法
https://ichioshi.news/2019/06/02/brackets1-14/