如何消除VS Code红色缩进高亮并设置2空格缩进？

1. 排查冲突的代码校验工具 #

• 红色高亮大概率是ESLint、Stylelint这类校验工具在强制4空格缩进，和Prettier设置冲突。打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索eslint.options，检查是否有indent相关配置设为4；也可以查看项目根目录的.eslintrc、.stylelintrc等配置文件，将缩进规则修改为2。
• 若不需要这类校验工具，直接在设置中搜索eslint.enable，取消勾选即可关闭ESLint，同理处理其他校验工具。

2. 确认Prettier为默认格式化工具 #

• 打开设置，搜索editor.defaultFormatter，将其设置为esbenp.prettier-vscode，确保Prettier接管当前文件的格式化逻辑。
• 也可右键目标文件，选择「使用...格式化文档」，选中Prettier并设置为默认选项。

3. 检查工作区配置是否覆盖全局设置 #

• 项目根目录下的.vscode/settings.json可能存在单独的缩进配置，比如"editor.tabSize": 4或"prettier.tabWidth": 4，会覆盖全局设置。打开该文件修改为2，或删除冲突配置项。
• 同时检查项目级的Prettier配置文件（如.prettierrc、prettier.config.js），确认其中tabWidth的值为2。

4. 快速消除红色高亮的方法 #

• 若仅需隐藏错误标记，打开设置搜索problems.decorations.enabled，取消勾选即可关闭所有问题的高亮显示；或者找到对应校验规则（如ESLint的indent规则），在配置文件中将其设为"off"。

内容的提问来源于stack exchange，提问作者Brend8c