还要确保你的工作区设置没有覆盖你的用户设置。用户界面并没有很明显地显示你正在编辑哪些设置，“文件>首选项>设置”默认为用户设置，即使工作空间设置胜过用户设置。

你也可以直接编辑工作区设置:/.vscode/settings.json

我有一个类似的问题-无论我做什么，我不能让tabsize为2，即使它是在我的用户设置-这最终是由于EditorConfig扩展。它在当前工作目录中查找.editorconfig文件，如果没有找到(或者找到的文件没有指定root=true)，它将继续查找父目录，直到找到一个。

结果发现，在我把所有新代码项目放在其中的dir的父目录中有一个.editorconfig，它指定tabSize为4。删除该文件解决了我的问题。

如果@Maleki的答案不适合你，检查一下你的项目文件夹中是否有。editorconfig文件。

例如，Angular CLI会生成一个这样的新项目

# Editor configuration, see http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
max_line_length = off
trim_trailing_whitespace = false

更改这里的indent_size是必需的，因为它似乎会覆盖你的.vscode工作区或用户设置中的任何内容。

如果你使用插件(在我的例子中，Vetur, vue.js)，这些可以设置自己的选项卡格式设置。

打开你的设置，搜索“format”并查看相关的插件设置，这些设置可能会覆盖全局选项卡格式。这对我很管用;一旦我更新了Vetur选项卡设置以匹配我的偏好(在我的情况下是4个大小的选项卡)，格式化.vue文档开始正常工作:

用于格式化的空格数取自不同的位置。我使用1.0版本，这是我所做的修复(我假设你使用空格而不是制表符):

在编辑器的右下角点击“空格:#”:

然后一个菜单将出现在顶部。选择“使用空格缩进”:

最后，您可以根据您希望文件缩进的空间来选择。

下次格式化文件时，您应该能够获得您配置的间距。

自动格式/默认格式的解决方案:

你不需要安装任何额外的东西。

转到settings.json。根据下面的快照复制、粘贴并禁用。

单击下面的快照，放大/缩小(使用ctrl +鼠标滚轮)以适应您的屏幕大小。

完成了。

注意:这里我想要的是像自动格式化TypeScript一样自动格式化JavaScript。您可以根据需要复制和粘贴任何其他规则。

至于《Space Size》，Maleki的第一个回答已经很清楚了。我就不再重复了。