JavaScript 使う新規プロジェクトでフォーマッターを使いたいなということで、Atom でソースコードを綺麗に整形してくれる atom-beautify を使ってみました。

atom-beauty のインストール

メニューバーから [Atom] → [Preferences] → [Install]　にて、 atom-beautify パッケージを検索してインストールしましょう。

apm で管理しているなら apm install atom-beautify しましょう。

atom-beautify の設定方法

メニューバーから [Atom] → [Preferences] → [Packages] にて、atom-beautify の Settings から設定画面を開けます。

僕の場合、JavaScript の設定は Indent size だけデフォルトの 4 から 2 に変更する以外は特に何もしていません。

atom-beautify の使い方

Atom エディタ上で、右クリックをして Beauty editor contents を押すと JavaScript のソースコードが整形されます。

Control + alt(option) + b のショートカットキーでも整形できます。 Mac も Windows も同じです。

フォーマッターのような便利ツールを導入して開発をどんどん楽にしていきたいですね。