読者です 読者をやめる 読者になる 読者になる

コンパイラかく語りき

import { Fun } from 'programming'

Sublimetextで汚いコードを一瞬で整形できるプラグイン[HTML/CSS/JS Prettify]

どうも!chuckです。

会社で使っているHTML/CSS/JS Prettifyをプライベートでも導入しましたのでメモ。

 

HTML/CSS/JS Prettifyとは

SublimeTextのプラグインです。2,3両対応。

詳しくはこちら↓↓

qiita.com

 

この記事ではNode.js, Homebrewなんて書いてありますが、自分はパッケージコントロールから入れました。

 

chuckwebtips.hatenablog.com

 

 

実演

こちらが整形前コード。

f:id:chuck0523:20150702231321p:plain

GitHubに上げたものを、一部抜粋してローカルに落としました。

 

適当なところで右クリック。すると、メニューの中にHTML/CSS.JS prettifyという項目が!適当に一番上のPrettify Codeを選択します。

f:id:chuck0523:20150702231532p:plain

 

 

すると、ものの1秒もしないうちにきれいなコードが誕生しました\(^o^)/

f:id:chuck0523:20150702231638p:plain

 

なんて便利!

 

もっと重いファイルで試してみる

言わずと知れたjQueryの圧縮版、jquery.min.jsを整形してみます(`・ω・´)ゞ

整形前

f:id:chuck0523:20150702231839p:plain

 

整形後

f:id:chuck0523:20150702231909p:plain

整形後の行数はなんと3349行!しかしかかった時間は1秒ほど。

 

 

ぜひ、お試しあれヽ(=´▽`=)ノ