VSCodeでJavaScriptのコードを保存時、位置調整用のタブが消える

Question

下記のようなコードがある時

	var List =
	{
		"aaa": ["aaaaaaaaaaaaaaaaaaaa", "東", "チェック完了"],
		"bbb": ["bb", "東北", "未チェック"],
		"ccc": ["cccc", "南", "未チェック"],
		"ddd": ["dddd", "北西", "チェック完了"]
	};

この状態ではそれぞれの列の比較がし辛いため、タブを使って下記のように見やすくしたいと思っています。

	var List =
	{
		"aaa": ["aaaaaaaaaaaaaaaaaaaa", "東",   "チェック完了"],
		"bbb": ["bb",                   "東北", "未チェック"],
		"ccc": ["cccc",                 "南",   "未チェック"],
		"ddd": ["dddd",                 "北西", "チェック完了"]
	};

しかしファイルを保存するタイミングで、タブが削除されて元に戻ってしまいます。

拡張機能が原因かと思い、可能性がありそうな「EditorConfig for VS Code」の拡張機能を無効にして試しましたが
現象は解決できませんでした。
VSCodeの設定なのでしょうか？
ご存じの方がおられたら教えていただけないでしょうか。

Answer 1

VSCode実行中にCtrl-,キー(MacならCommand-,キー)で設定画面を出し、「format on save」で検索し、「Editor: Format on Save」のチェックを外す。

Comments

[mkk]

ご回答ありがとうございます。
もし可能なら、タブを消す以外のフォーマッタの設定は残せればと思っております。
ご存じであればお伺いしたいです。

[Daregada]

それは、フォーマッタに何を使っているかによりますね。

[mkk]

特に何か設定した覚えがなく、設定画面で「JavaScript › Format」で絞り込んで確認したのですが
フォーマッタのようなものが見つかりませんでした。
Editor: Default Formatter は null になっています。
確認すべきところが違っておりますでしょうか？

[Daregada]

VSCode標準のフォーマッターが動いているのでは。
「JavaScript › Format: Enable」を確認してください。

[mkk]

お付き合いいただきありがとうございます。

JavaScript › Format: Enable　にチェックが付いています。
この項目の説明文に書かれている「規定のJavaScriptフォーマッタ」というのは
VSCode標準のフォーマッタということなんですね。
となると　JavaScript › Format　で絞り込んだ項目のどれかを変更すればいいのでしょうか。

[Daregada]

既定のJavaScriptのフォーマッタには、質問文にあるような、「(,を揃えるために)余分に入れた空白文字(タブを含む)を削除しない」ような設定はないはずです。ですから、そういう設定があるフォーマッタを見つけて(存在するかどうかは知らない)、そっちに切り替えるしかないでしょう。

[mkk]

ありがとうございます。
原因が分かりスッキリしました。
調べてみようと思います。