如何设置每个文件类型的选项卡大小？答案

【问题标题】：How to set per-filetype tab size?如何设置每个文件类型的选项卡大小？
【发布时间】：2016-03-18 19:21:37
【问题描述】：

如何设置标签大小已经回答here。

但是如何对不同的文件类型进行不同的设置呢？例如。我希望 HTML 的标签大小为 2，但其他文件的标签大小为 4。

【问题讨论】：

标签： visual-studio-code vscode-settings

【解决方案1】：

VS Code 在settings.json 中配置language specific settings

快捷方式是：命令面板 (⇧⌘P) 然后：首选项：配置语言特定设置

setting.json 改变tabsize的例子

{
    "[sass]": {
        "editor.tabSize": 2
    },
    "[html]": {
        "editor.tabSize": 4
    },
    "[javascript]": {
        "editor.tabSize": 2
    }
}

这些不嵌套在任何其他对象中，它们是在根中定义的。

【讨论】：

你可能需要添加 "editor.detectIndentation": false
使用这个系统，似乎无法为.travis.yml设置tabSize
@ChaseMoskal 可以设置每种语言，在你的情况下是 Yaml 文件。仅供参考... .yml = yaml code.visualstudio.com/docs/getstarted/… "[yaml]": { "editor.tabSize": 2 },
请注意EditorConfig 将覆盖您可能与文件格式相关的任何 VS Code 设置。
Ctrl + Shift + P Windows 用户在打开命令面板时

【解决方案2】：

使用 vscode v1.63，您将能够在特定语言设置中“分组”语言，如下所示：

"[sass][javascript]": {
    "editor.tabSize": 2
},
"[html]": {
    "editor.tabSize": 4
}

这已经可以在colorCustomizations 设置中完成，例如：

"workbench.colorCustomizations": {
    "[GitHub Sharp][GitHub Sharp Dark]": {
       "editorPane.background": "#d6d0d01a",
       "sideBarSectionHeader.border": "#D3D3D3",
    }
}

见Multiple languages specific editor settings

【讨论】：