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

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

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

如果@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工作区或用户设置中的任何内容。

很可能你已经安装了一些格式化扩展，例如JS-CSS-HTML Formatter。

如果是这样，那么只需打开命令面板，键入“Formatter”并选择Formatter Config。然后编辑“indent_size”的值。

附注:编辑后不要忘记重新启动Visual Studio Code:)

VSCode插件Vetur;用于VueJS应用程序正在覆盖我的设置。

将vetr .format.options. tabsize设置为我喜欢的空格数就可以工作了。

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

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

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