LoginSignup
1
3

More than 3 years have passed since last update.

Adobe Bracketsで使用している拡張機能

Last updated at Posted at 2019-11-14

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

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

テーマ「Quick Dark」

テーマスクロールバーを使用:✔
フォントサイズ:15px
フォントファミリー:'Source Han Code jp', '源ノ角ゴシック Code JP', 'MS ゴシック', '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/

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3