我们可以用EditorConfig和它的EditorConfig for VS Code扩展来控制文件类型的选项卡大小。然后，我们可以对每种文件类型使用Alt + Shift + F。

安装

用CTRL + P打开VS Code命令面板并粘贴如下:

ext install EditorConfig

示例配置

editorconfig。

[*]
indent_style = space

[*.{js,ts,json}]
indent_size = 2

[*.java]
indent_size = 4

[*.go]
indent_style = tab

settings.json

EditorConfig覆盖任何设置。Json为编辑器配置。不需要更改editor.detectIndentation。

在Visual Studio Code版本1.31.1或更高版本中(我认为):像sed Alex Dima一样，您可以通过这些设置轻松地自定义

Windows菜单中的文件→首选项→用户设置或使用短键Ctrl + Shift + P Mac在菜单代码→首选项→设置或⌘，

如果这是针对Angular 2的，并且CLI正在生成你想要不同格式的文件，你可以编辑这些文件来改变生成的内容:

npm_modules/@angular/cli/blueprints/component/files/__path__/*

不推荐大量的npm更新，因为它会删除你的工作，但它为我节省了很多时间。

一个更简单的方法是使用Visual Studio Code提供的内置通配符过滤器@lang:。

步骤

点击设置图标(左下) 选择设置 在搜索设置输入框中输入@lang:javascript tabsize

这将过滤所有的设置，只留下javascript的tabSize选项。输入您想要的tab因子，它将应用于该语言。

请注意 要将这些设置应用到用户配置文件，请确保选择了user选项卡。如果选择Workspace选项卡，VSCode将在你的项目文件夹中创建一个带有设置的. VSCode文件夹。json文件;这意味着您所做的任何更改都只应用于当前工作空间(项目文件夹) 你可以将它用于任何其他语言，例如@lang:php tabsize

菜单文件→首选项→设置

添加到用户设置:

"editor.tabSize": 2,
"editor.detectIndentation": false

然后右键单击你的文档，如果你已经打开了一个，然后单击格式化文档，让你现有的文档遵循这些新的设置。

那是孤独。要怪vcode -js-css-html-formatter。禁用它，并安装HookyQR.beautify。

现在保存你的标签不会被转换。