我不得不像之前的答案一样做了很多设置编辑，所以我不知道在做了很多修改后它能正常工作。

在我关闭并打开我的IDE之前没有任何工作，但我所做的最后三件事是禁用lonefy。html.format vscode-js-css-html-formatter。”enable": true，并重新启动Visual Studio。

{
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.colorTheme": "Default Light+",
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features",
        "editor.tabSize": 2,
        "editor.detectIndentation": false,
        "editor.insertSpaces": true
    },
    "typescript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": true,
    "editor.tabSize": 2,
    "typescript.format.insertSpaceAfterConstructor": true,
    "files.autoSave": "afterDelay",
    "html.format.indentHandlebars": true,
    "html.format.indentInnerHtml": true,
    "html.format.enable": true,
    "editor.detectIndentation": false,
    "editor.insertSpaces": true,
}

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

步骤

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

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

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

我运行的是版本1.21，但我认为这也适用于其他版本。

看看屏幕的右下角。您应该看到显示空格或制表符大小的内容。

我的是空格→

点击空格(或Tab-Size) 选择“使用空格缩进”或“使用制表符缩进” 选择所需的空格或制表符数量。

这只适用于每个文档，而不是整个项目。如果你想在项目范围内应用它，你还需要在你的用户设置中添加"editor.detectIndentation": false。

@ alexo -dima从2015年开始的解决方案将改变所有文件的制表符大小和空格，@Tricky从2016年开始的解决方案似乎只改变当前文件的设置。

截至2017年，我找到了另一种针对每种语言的解决方案。Visual Studio Code没有为Elixir使用合适的标签大小或空间设置，所以我发现我可以更改所有Elixir文件的设置。

我点击状态栏中的语言(在我的例子中是“Elixir”)，选择“Configure 'Elixir' language based settings…”，并编辑Elixir特定的语言设置。我只是复制了“编辑器”。tabSize和编辑器。“insertSpaces”设置从左边的默认设置(我很高兴显示这些设置)，然后在右边修改它们。

它工作得很好，现在所有Elixir语言文件都使用了适当的制表符大小和空间设置。

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

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

在Visual Studio Code版本1.14.1中

选择文件>首选项>设置/按[Ctrl +，]

选中“用户>常用” “Tab Size”设置为“4”