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

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

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

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

在Visual Studio Code版本1.14.1中

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

选中“用户>常用” “Tab 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，它一直覆盖我的用户设置，这些设置被设置为使用空格缩进文件。每次我在编辑器选项卡之间切换时，我的文件都会自动用选项卡缩进，即使我已经将缩进转换为空格!!

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

默认情况下，Visual Studio Code将根据您打开的文件尝试猜测缩进选项。

你可以通过"editor.detectIndentation": false关闭缩进猜测。

您可以通过以下三个设置轻松自定义:Windows菜单中的文件→首选项→用户设置，Mac菜单中的代码→首选项→设置或⌘，:

// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false