Visual Studio Codeでインデント幅が反映されない時の対処

Visual Studio Code(VS CODE)で、タブのインデント幅を、４→２に変更したのに、反映されない事があった為、その時の対応メモです。

スポンサーリンク

対処した内容

1. 設定画面でインデント幅を変更

まずは普通に設定画面で、タブキー押下時のインデント幅を変更します。
メニューの[基本設定]->[設定]から、設定画面を開いて ユーザ設定／ワークスペース設定のどちらかに、以下のように設定を入れます。

// タブ 1 つに相当するスペースの数。
"editor.tabSize": 2,

// Tab キーを押すとスペースが挿入されます。
"editor.insertSpaces": true,

2. 既存ファイルのインデント幅を修正

すでに作成してしまったファイルは、インデント幅を変更しても反映が行われません。
その為、手動で以下のようにインデント幅を修正していきます。

(1) まずはインデント幅を修正するファイルを開きます。

(2) 一旦すべてのインデントをすべて削除します。

(3) 一旦ファイルを閉じます

(4) ファイルを再度開いて、[コマンドパレット]->[ドキュメントフォーマット]を選択

(5) 変更したインデント幅（=2）でコードがフォーマットされます。

スポンサーリンク

最後に

これまでの内容の通り、インデント幅を修正は、１ファイルずつ行う必要があります。
大量にファイルを作成する前に、ちゃんと設定をしておきたいですね！

関連記事

■ VS Codeのメニューを日本語化! 簡単３ステップで出来る

Visual Studio Codeのメニューを、日本語化した時のメモです。