自動整形する方法

ファイル全体を整形したい場合と選択した範囲のみを整形する方法をご紹介します。

インデント数のコントロール

自動整形をがインデント数が気に入らない時はVisual Studio Codeの右下のメニューから変更することができます。

ファイル保存時に自動で整形する

先の説明では手動で自動整形をしていましたが、ファイル保存時に毎回自動で整形してくれる設定もあるのでご紹介します。

1

Visual Studio Codeの設定に移動

メニューバーから Code > 基本設定 > 設定 から設定画面を開きます。

2

「Editor: Format On Save」のチェックボックスにチェックする

検索ボックスに「formaton」と入力します。
そうすると、「Editor: Format On Save」のチェックボックスがあると思うのでそれにチェックを入れます。

3

完了

これで完了です。
ファイルを保存して動作確認をしてみましょう。

自動整形できない場合

ソースコードを自動整形するときのした画像のようなポップアップがでて整形できない場合があります。

その場合は、フォーマッタをインストールから該当言語のフォーマッタをインストールしましょう。

これで自動整形できなかったものができるようになると思います。

まとめ

Visual Studio Codeでの自動整形を使えるようになると開発が効率化されるので覚えておくと良さそうです。

Visual Studio Codeの自動整形でもっといい方法や便利なプラグインなどがあればTwitterでご教授いただけると幸いです。