plugin
東京校久住です。

生徒さん向けPost

webデザインコースではSublimeTextを使っていますが、現在プラグインは以下の5つを設定してもらっています。
・Tag 閉じタグ補完
・Emmet 短縮記法 言わずと知れた爆速ツール
・TrailingSpaces 全角スペースをハイライト
・HTML5 HTMLタグの入力を補完
・CSS Snippets CSSの入力を補完

で、今回は他にも個人的にインストールしているプラグインの一部を紹介します。
(※Rubyなど現カリキュラムに関係ないものは省きます。)

Color Picker

色選択のGUIツール

スクリーンショット 2016-02-13 11.56.00

ColorPickerでPackageをインストール
設定 メニューSublime Text>Preferences>Key Bindings – User
Mac

Win

Mac shift + command + c
Win shift + ctrl + c

AdvancedNewFile

command(ctrl) + option(alt) + N でパスを指定して新規ファイルが作れます。
地味に便利。

スクリーンショット 2016-02-13 12.05.38

LoremIpsum

ダミーテキストのLoremIpsum
行数を指定するとサクッと展開してくれます。

数字(行)のあと
スクリーンショット 2016-02-13 12.10.12 
Mac Alt+Command+l
Win Control+Alt+l

スクリーンショット 2016-02-13 12.13.40

HTMLBeautify

コードを”ある程度”きれいにしてくれます。
決して完璧なインデントではないですが、テキストをバンバン入れるようなページだと助かると思います。

Mac Command+Option+Shift+F
Win Cntrol+Alt+Shift+F

同じようなもので HTMLPrettifyもあります。
こちらは検証してないです。

Bootstrap 3 Snippets

Bootstrapの短縮記法

グリッドでサイズ毎に指定変えるときとか、Emmetだと一つしか書けないので、こちらは便利です。

bs3-col:6(tabで展開)
https://gyazo.com/59311c59eff2c1263e1f848c88faef49

navも一発。
bs3-navbar:fixed-top
https://gyazo.com/4e52cae9618117384f26283886d71069

一応 こちらでBootstrap 3 Snippets
すべて紹介されていますが、覚えるのは大変なので、よく利用するものだけで十分だと思います。


余裕のあるとき、たまに公式サイト Package Control
のNewやPopularを見て試してみるのも面白いと思いますので、ぜひ見てみてください。