web-dev-qa-db-ja.com

VSコード:4スペースで編集、2スペースで保存

「保存時にフォーマット」で編集時と同じインデントを使用するにはどうすればよいですか?

例えば。次のスニペットを記述した後(行は4つのスペースで自動的にインデントされます):

4スペースインデントで編集

しかし、「保存時にフォーマット」を有効にすると、保存されたファイルはインデントに2つのスペースを使用します。

2スペースのインデントで保存

2
Matt Muggeridge

私自身の質問に答えるには...

Prettier拡張子を使用しており、タブごとのスペース数が2に設定されています。

[保存時にフォーマット]オプションを有効にすると、"editor.formatOnSave": true、VS Codeは構成されたコードフォーマッタを使用します。私の場合はPrettierです。 Prettierで使用されるデフォルトのタブ幅は2です。

4に設定すると、ファイルは4つのスペースで保存されます。 Settings.jsonは次のように更新されます:

"prettier.tabWidth": 4,

Prettierは編集と保存の両方に適用されると思いました。明らかに、Prettierフォーマットは保存中にのみ適用されます。また、「形式の選択」、Ctrl-K Ctrl-FPrettierタブ間隔も使用していません。

Prettierタブ幅をエディターの設定と一致するように設定できれば、これを1か所で変更するだけでいいのですが。それは可能ですか?

マット。

5
Matt Muggeridge