在我的情况下，VScode使用更漂亮的包来格式化我的代码。

我是如何解决的:

右击代码-> Format Selection With -> Change Default Formatter -> TypeScript和Javascript语言特性

像往常一样在VScode中设置选项卡首选项。

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

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

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

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

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

正如一些答案所暗示的那样，有一些设置，如“detectIndentation, insertSpaces和tabSize”，它们都控制缩进的工作方式，但大多数人都没有提到(包括最上面的答案)，这些设置可以被你的用户设置覆盖，在这种情况下，更改它们并不重要。

如果你想知道如何检查你的vscode的情况，只要重新检查你是否有下面的东西写在括号旁边的设置名称:

如果是这种情况，只需单击User链接并在新打开的用户设置选项卡中更改设置，您应该会看到您的更改生效。

我有一个“。editorconfig”文件在父目录(ionic项目)的值“indent_size = 2”，它确实覆盖了我为我的工作空间选择的任何值! 我一改，问题就解决了。

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

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

在我的情况下，VScode使用更漂亮的包来格式化我的代码。

我是如何解决的:

右击代码-> Format Selection With -> Change Default Formatter -> TypeScript和Javascript语言特性

像往常一样在VScode中设置选项卡首选项。