VSCode编辑HTML文件时如何实现标签间缩进彩色高亮？

你要的按HTML标签实际嵌套关系给对应缩进着色的效果，无法通过VSCode原生内置设置实现，通过插件配置即可达成，具体方法如下：

• 如果你已经在使用 Indent Rainbow 插件实现JS等文件的彩虹缩进效果，不需要额外安装新插件：
  1. 打开VSCode设置面板，搜索indentRainbow.includedLanguages配置项，在列表中添加html，先让插件在HTML文件中激活
  2. 再搜索开启indentRainbow.useTreeSitter配置项，这个选项开启后插件不会单纯按缩进空格数判断层级，会基于语法树识别实际代码嵌套关系，HTML标签的开/闭配对会被正确识别，ul标签块内部的缩进会自动匹配对应层级的高亮色，和你在JS文件里用彩色括号插件的体验一致
• 如果你觉得上面的配置对HTML嵌套的识别精度不够，可以直接安装 Rainbow Tags 插件：这个插件原生适配HTML/JSX等标签类语法，既会给配对的前后标签标记同色，也自带对应标签块的缩进着色功能，安装后默认对HTML文件生效，不需要额外调整配置就能实现你截图里的效果。

小提示：如果配置/安装插件后效果没有正常出现，优先检查是否安装了其他会覆盖HTML语法着色、缩进规则的插件，临时禁用这类冲突插件后重启VSCode即可正常生效。

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