SublimeText3のコード整形するプラグイン　HTML/CSS/JS Prettify

HTML/CSS/JS Prettifyとはソースコードを整形してくれるプラグイン。

まずターミナルを開いて
$ node -v ⏎

OK結果⇒v6.10.3　　
node.jsがインストール済みなので、1.はとばして2.に進む

NG結果⇒node: command not found ※node.jsがないと動かない
1. node.jsをインストール

2. Ctrl + Shift + Pキー

3. installと入力 → 「Package Control: Install Package」

4. プラグイン HTML-CSS-JS Prettify をインストール

5. これで完了。

実際に使う

整形したいコードを開いている状態で右クリック

これでソースが綺麗になった！

before

after

さらに。。。インデントを調整する

個人的なものだが、せっかくなのでインデントを変更してみる

基本設定 > Package Settings > HTML/CSS/JS Prettfify > Prettify Preferences -Default

で、設定ファイルを開く　　

31行目の　　 “indent_size”: 4,　　 を　　　 “indent_size”: 2,　 に変更　

するとインデントが半角スペース２つになった

今回はデフォルトの設定を直接書き換えている。