![見出し画像](https://assets.st-note.com/production/uploads/images/36791114/rectangle_large_type_2_a2e7e7ba7fbdb25055f6bdb2bf74a794.png?width=800)
Photo by
peishum
【エディタ】Bracketsっていう優秀エディタ。
Bracketsとは
Bracketsとは、Adobeが開発するオープンソースのエディタ。公式Webサイトから誰でもダウンロードできる。
便利なショートカット
下記以外にもいろいろある。
表示やリロード
ctrl-Alt-H
サイドバーを表示
F5
リロード(拡張機能付き)
Shift-F5
リロード(拡張機能なし)
Ctrl-Alt-P
ライブプレビュー
コーディング
Ctrl-Space
コードヒントを表示
Ctrl-Shift-Space
パラメーターヒントを表示
Ctrl-E
クイック編集
Ctrl-K
クイックドキュメント
Ctrl-D
行を複製
Ctrl-Shift-D
行を削除
Ctrl-L
行の選択
Bracketsのプラグイン
Extensions Rating
プラグインの人気度合いがわかる。
Beautify
コードを綺麗に整える。
Brackets Icons
拡張子ごとにアイコンを表示。
Brackets CSS Class Code hint
一度使ったことのあるクラス名、ID名をコードヒントとして表示。
Color Hint
同じCSSファイル内で、一度使用したことのある色をコードヒントとして表示。
Indent Guides
インデントのガイド線を表示。
Custom Work
機能が豊富なため、別の記事でアウトプット(予定)。
エディタのテーマも豊富。
参照
この記事が気に入ったらサポートをしてみませんか?