7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Bracketsをとりあえず使える子にする

Posted at

まず最初に断っておきますが、Bracketsはデフォルトのままでも便利な子ですよ。
ただ、普段Intellij IDEAやSublime Textを使っているので物足りなさを補うべく、
必要最低限のプラグインを入れてみたのでご紹介。

Emmet

名の通りEmmetを利用出来るようにするプラグイン。
これがないと効率と(私の)やる気が落ちる。

Shizimily Multiencoding for Brackets

文字コードエンコーディング用。
とりあえず入れとかないと不安。

スクリーンショット 2016-02-02 20.14.55.png

Beautify

HTML/CSSのコード整形。

Minimap

ファイル内ミニマップを表示するプラグイン。
あるとジャンプしたい時に便利。いつも何気なく利用しているのでふとした瞬間に無いと戸惑う。

スクリーンショット 2016-02-02 20.13.56.png

Tabs - Custom Working

開いているファイルのタブ表示。
他のエディタと見た目が揃う&直感的に今見ているファイルがわかりやすい。

スクリーンショット 2016-01-28 21.11.13.png

Indent Guides

インデントガイドを表示する。
DOMの階層を把握しやすいのでおすすめ。

スクリーンショット 2016-01-28 20.37.35.png

Brackets Css Color Preview

CSS内のカラープレビューを行番号横に表示する。

スクリーンショット 2016-01-28 21.06.01.png


公開された当初から気になっていたBracketsですが、思ったよりも便利だった。
(ライブリロードをボタンひとつでやってくれちゃったり痒いところに手が届く感じ)
紹介した以外にもプラグインは山ほどあるので試してみるのが一番。
あと定番のExtract for Bracketsですが、PSDをオンライン上にアップロードが必要だったり、日本語に弱かったりしたため上記には含めませんでした。
結局PSDはPhotoshopで開くのが一番かなー。今後のアップデートに期待。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?