SublimeText【おすすめプラグイン】【動画】

おすすめのプラグイン【更新】2017年10月15日　全１２個
 
①HTML5⇒HTML5タグの自動補完をしてくれるようになります。作業効率化には必須です。
 
②CSS Snippets⇒CSSプロパティの自動補完を行ってくれます。
 
③Bracket Highlighter⇒ソースチェックしてくれます。間違えているところはハイライトしてくれます。
 
④Goto-CSS-Declaration⇒HTMLからCSSへ瞬間移動します。
 
HTML側でクラスやID名にカーソルをあて「Comman+→」を押下するとCSSへジャンプしてくれます。
 
⑤CSScomb⇒CSSプロパティを自動整列してくれるます。
 
「Command+Shift+c」でバラバラに記載されたCSSプロパティの並び順を綺麗に整えてくれます。
 
⑥HTMLBeautify⇒
HTMLのタグを整形してくれます。
 
ショートカットはcommand + option + shift + F
 
⑦Emmet エメット⇒HTML、CSSの記述を高速化する「Zen-Codingプラグイン」の次期バージョン
 
超使えるチート表はこちら
 
http://docs.emmet.io/cheat-sheet/
 
スニペット + ショートカットキー（tubボタン　or control+E） ＝ 展開
 
という感じで使います。 
1.新規ファイルを開き
 
2.html5の雛形⇒html:5 control+E or tab をうつとぐわっと雛形が出ます。

 
ナビゲーションがぐわっとでる【動画】
 

 
矩形選択でいろいろ作業【動画】

 
alt+マウスクリック
 

 
⑧sublimelint⇒構文エラーを検出して表示する。
  
⑨HTML-CSS-JS Prettify⇒html、css、javascriptのソースを一発で綺麗にしてくれる

おすすめのプラグイン【更新】2017年10月15日　
今現在sublimetextに入れてあるプラグイン全１２個

【追加】
サイドバーのを拡張するSideBarEnhancements
サイドバーを表示して、右クリックで新規ファイルが作れます
これはもっと早く使いたかった〜