LoginSignup
13
17

More than 5 years have passed since last update.

自分がBracketsに載せてる拡張(メモ)

Last updated at Posted at 2015-11-20

基本的にはこちらを参考にして入れてる。
Brackets おすすめエクステンション集・解説
http://qiita.com/assialiholic/items/c7962f804cdb21a49327#brackets-file-icons

AsciiDoc Preview

Markdownよりリッチな文章マークアップ言語。
ページの構成に長ける為、これで同人誌を書こうか検討中。

AsciiDoc入門
http://qiita.com/xmeta@github/items/de667a8b8a0f982e123a

Beautify

僕らの糞コードを見やすくする。

Brackets CSS Class Code Hint

class, idを自動補完。

Brackets Css Color Preview

行頭にカラーを表示してくれる。

Brackets Editor Bookmarks

コードの中にブックマークを配置。しおり。

Brackets File Icons

タブにアイコン表示

Brackets Git

プロジェクトをgit管理。Windowsなら要git for windows(git bash)。黒い画面も出しやすい。

Brackets Wordpress Hint

wordpress関数や定数を補完。

ColorHints

css,htmdなどで、他で使用している色を補完。

Console Plus

javascriptエラーなどを表示。デバッグに。

CSSFier

cssコードにペーストされたHTMLコードを解析し、cssの雛形を作成。

Emmet

htmlコードを短く書ける。個人的にはjadeよりも手軽で好き。

Extentsions Rating

拡張機能でイケてるものを探す時に便利。

Indent Guides

インデントを見やすくする。

jQuinter

jQueryの関数を補完。jQueryガリガリ書く人向け。超使う。

LESS AutoCompile

lessファイルをcssにしてくれる。

Reload in Browser

ライブプレビューの更新をbrackets画面から。
js書いてる時に多用。

SFtpUpload

bracketsからsftp(ftpも可)経由でファイルをアップロード。
プロジェクトごとにサーバーを変更できるので管理しやすい。

Smarty Syntax Highlighting

Smartyテンプレート(.tpl)をハイライト表示。
emmetが有効にならないのが辛い……。
まだEC-CUBE2で消耗してる人は必須。

Twig Syntax Highlighter

twigテンプレート(.twig)をハイライト表示。
EC-CUBE3にした人は必須。
Brackets Twigという拡張もあるけれど、こちらのほうが正確に出力してくれる。
あと、htmlファイルと認識しやすく、自動ハイライトにならないケースも多い。その場合は右下のファイルタイプをtwigに指定しよう。

Tabs - Custom Working

タブ表示や分割表示が可能。

全角空白・スペース・タブ表示

タイトルまんま。日本人なら「Show Whitespace」よりコッチ。

ついでに使用中のテーマ

monokai Dark Soda

font : '源ノ角ゴシック Code JP', MS ゴシック, 'MS Gothic', monospace

13
17
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
13
17