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

步骤

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

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

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

我试着换编辑器。tabSize改为4，但是. editorconfig将覆盖我所指定的任何设置，因此不需要更改用户设置中的任何配置。你只需要编辑.editorConfig文件:

set indent_size = 4

Note

如果你正在谈论tabSize的更漂亮，请参阅答案的第2部分

第一部分:VS代码方式

如果你喜欢开发人员的方式，Visual Studio Code允许你为tabSize指定不同的文件类型。下面是我的设置示例。json默认有四个空格，JavaScript/ json有两个空格:

{
  // I want my default to be 4, but JavaScript/JSON to be 2
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  },

  // This one forces the tab to be **space**
  "editor.insertSpaces": true
}

PS:好吧，如果你不知道如何打开这个文件(特别是在Visual Studio Code的新版本中)，你可以:

左下档→ 设置→右上方打开设置

第二节:如果使用更漂亮

如果你使用的是prettier，情况可能会有所不同，prettier有两个级别的设置:

用户级别，你可以点击扩展和点击设置找到关键字tabWidth 项目级别，您可以从. pretierrc文件中的根项目级别添加/更新

如果这篇文章中接受的答案不奏效，试试这个:

我在编辑器中安装了用于Visual Studio Code的EditorConfig，它一直覆盖我的用户设置，这些设置被设置为使用空格缩进文件。每次我在编辑器选项卡之间切换时，我的文件都会自动用选项卡缩进，即使我已经将缩进转换为空格!!

在我卸载了这个扩展后，缩进不再改变切换编辑器选项卡之间，我可以更舒适地工作，而不是必须手动转换选项卡到空格每次我切换文件-这是痛苦的。

在你的右下角，有空格: 空间:2

在这里你可以根据你的需要改变缩进: 缩进的选项

评论如下:

有没有办法改变每一种语言的tabSize ?例如，当在同一个工作区中编辑多个不同语言的文件时(如Ruby, JavaScript, CSS等)- Ruby将是2个空格，但CSS将是4个…通常

这就是为什么，VSCode 1.63(2021年11月)，你有:

多种语言特定的编辑器设置 现在，您可以一次为多种语言配置特定于语言的编辑器设置。 下面的例子展示了如何同时自定义javascript和typescript语言的设置: “[javascript](打印稿)":{ “编辑器。maxTokenizationLineLength”:2500 ｝

在你的情况下:

"[ruby][html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2
},
"[csharp][typescript]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 4
},

你也可以在终端中改变制表符的大小，使用VSCode 1.75(2023年1月)。