Visual Studio Code检测每个默认值的当前缩进并使用它——忽略.editorconfig

同时将"editor.detectIndentation"设置为false

(文件->首选项->设置)

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

我是如何解决的:

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

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

下面的设置解决了我的问题

  "editor.detectIndentation": false,
  "editor.insertSpaces": false,
  "editor.tabSize": 2,

我有一个类似的问题-无论我做什么，我不能让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文档开始正常工作: