[Atom.io] atom-beautify で JavaScript ソースコードを整形する
- 2016 10/10
- カテゴリー : Text Editor
- atom . prettier
- コメントを書く
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 も同じです。
フォーマッターのような便利ツールを導入して開発をどんどん楽にしていきたいですね。