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

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

"prettier.tabWidth": 4

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

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

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

步骤

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

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

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

你想要确保你的编辑配置不与你的用户或工作区设置配置冲突，因为我只是有一点烦恼，认为设置文件设置没有被应用时，它是我的编辑器配置撤消这些更改。

在Visual Studio Code版本1.14.1中

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

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

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

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

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