当使用TypeScript时，默认的选项卡宽度总是2，不管它在工具栏中说什么。你必须设置“更漂亮”。tabWidth"在你的用户设置中更改它。

Ctrl + P，输入→用户设置，添加:

"prettier.tabWidth": 4

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

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

默认情况下，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

在Visual Studio Code版本1.14.1中

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

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

User3550138正确。lonefy。vcode -js-css-html-formatter覆盖其他答案中提到的所有设置。但是，您不必禁用或卸载它，因为它可以配置。

可以通过打开扩展侧边栏并单击该扩展来找到完整的说明，它将在编辑器工作区中显示配置说明。至少在Visual Studio Code版本1.14.1中对我来说是这样的。

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

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

我的是空格→

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

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