优先安装Auto Rename Tag和Auto Close Tag，二者配合最稳；HTML片段不生效多因文件未被识别为HTML类型，需检查右下角语言模式是否为HTML。
VSCode 里怎么装 HTML 相关插件
直接在扩展市场搜 HTML Boilerplate 或 Auto Rename Tag 这类名字，点“安装”就行——但别乱装一堆同质插件，多数人真正需要的就两三个核心功能。
常见错误现象：装了 HTML Snippets 却发现 ! + Tab 不生成骨架；或者 Auto Close Tag 和 Auto Rename Tag 同时启用，导致重命名时标签意外闭合。
- 优先装
Auto Rename Tag（改开标签自动同步闭标签）和Auto Close Tag（输<div回车自动补</div>），二者配合最稳 -
HTML Boilerplate要手动触发（! + Tab），如果没反应，检查是否被其他 snippet 插件劫持了前缀 - 别装
HTMLHint或HTML Validate除非你项目真有校验需求，否则纯属干扰提示
为什么有些 HTML 片段不生效（比如 Emmet 不工作）
不是插件没装对，而是当前文件没被 VSCode 识别为 HTML 类型——哪怕后缀是 .html，也可能被判定成 Plain Text。
使用场景：新建文件未保存时，默认语言模式是 Plain Text；或从剪贴板粘贴代码后没手动切换语言模式。
立即学习“前端免费学习笔记（深入）”；
- 看右下角状态栏，确认显示的是
HTML，不是Plain Text或PHP - 点一下状态栏语言名，选
Configure File Association for '.xxx'可绑定后缀 - Emmet 默认只在
html、vue、jsx等少数语言中启用，plaintext或markdown里敲div+ Tab 没反应是正常的
HTML 格式化用 Prettier 还是内置格式化
VSCode 内置的 HTML 格式化（editor.formatOnSave 开启后）够用，但对自定义属性缩进、换行策略控制弱；Prettier 更统一，但也容易和团队已有规范冲突。
参数差异：prettier.printWidth 默认 80，可能把长 class 拆成多行；而内置格式化默认按标签层级缩进，更贴近手写习惯。
- 单人小项目：开
editor.formatOnSave+editor.formatOnPaste，够用 - 多人协作或用 Vue/React：配 Prettier，但务必在
.prettierrc里加"htmlWhitespaceSensitivity": "css"，否则空格处理会误伤布局 - 禁用
emeraldwalk.runonsave这类第三方保存执行插件来跑格式化，容易和 Prettier 冲突导致重复格式化
插件冲突导致 HTML 文件打开变慢或卡顿
装了五六个 HTML 相关插件后，新开一个 index.html 要等两秒才响应，大概率是多个插件同时监听 DOM 解析事件，互相抢资源。
性能影响：每个插件启动都会加载语法树解析器，尤其 HTMLHint、Live Server、Auto Import 这类常驻后台的插件叠加后明显拖慢。
- 关掉所有非必要插件，只留
Auto Rename Tag+Auto Close Tag+ES7+ React/Redux/React-Native snippets（如果你写 JSX） -
Live Server不要常驻开启，用完右键停掉，它会在后台持续监听文件变化 - 在
settings.json里加"html.suggest.html5": false可关掉部分冗余提示，减少 CPU 占用
HTML 插件本身很简单，复杂点全在组合逻辑和隐式依赖上——比如你以为只是关个提示，实际是关掉了某个插件的初始化钩子；又比如格式化不起作用，根源可能是语言模式没切对。这些地方不报错，也不提示，只能自己盯住状态栏和输出面板里的 HTML Language Server 日志。
