VS Code HTML开发必装插件为：Microsoft官方HTML插件（提供语法校验与属性提示）、Auto Close Tag（自动闭合标签）和Auto Rename Tag（同步重命名起止标签），三者需配合启用；Live Server需右键“Open with Live Server”启动，且文件必须保存为.html后缀。
VS Code 里怎么装 HTML 相关插件
直接在扩展市场搜名字就行，不用手动下载 .vsix 文件。关键不是“能不能装”，而是“装哪些才真正有用”。HTML（Microsoft 官方）必须启用，它提供基础语法校验和属性提示；Auto Close Tag和Auto Rename Tag建议一起开，否则改个标签名漏闭合或配对错是高频翻车点。
常见错误现象：Live Server装了但右键没“Open with Live Server”选项——大概率是文件没保存为 .html 后缀，或者当前打开的是未命名的临时标签页（untitled-1）。
- 安装后无需重启 VS Code，但部分插件（如语言包）需点击右下角“Change Language and Restart”
- 插件启用状态看左侧扩展图标旁的齿轮：灰色=禁用，蓝色=已启用
- 避免装重复功能插件，比如同时装
HTML Boilerplate和Emmet，后者输入!+ Tab 就能生成完整结构，前者反而冗余
插件之间冲突或不生效的典型表现
不是所有插件都能和平共处。HTML CSS Class Completion 和 IntelliSense for CSS class names in HTML 功能重叠，同时启用会导致类名提示卡顿甚至崩溃；Beautify 和 Prettier 都做格式化，但配置项打架时，保存自动格式化会静默失败——现象是按 Ctrl+S 没反应，控制台也无报错。
判断是否真生效，别只看有没有提示框：HTML 插件启用后，在 <div class="xxx"> 里敲 " 应该立刻弹出当前项目中已定义的 CSS 类；如果没反应，先检查设置里 html.suggest.html5 是否为 true，再确认工作区没被 "editor.quickSuggestions": false 全局关掉。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 禁用插件顺序建议：先关非核心（如主题、图标包），再逐个关 HTML 工具类，观察问题是否消失
- 插件加载失败时，VS Code 底部状态栏会出现黄色感叹号，鼠标悬停能看到具体错误（如“Cannot load webview”）
- 某些插件（如
SQLite Viewer）依赖 Node.js 运行时，macOS 上若用 nvm 管理版本，可能因路径不对导致插件白屏
Live Server 启动失败的几个硬坑
Live Server 启动报 ERR_CONNECTION_REFUSED 或根本没反应，90% 不是插件问题，而是端口/路径/权限这三块卡住。
- 默认端口
5500被占用？改配置："liveServer.settings.port": 5501写进settings.json - 文件路径含中文或空格？VS Code 会拒绝托管，把项目移到
/Users/xxx/project这类纯英文路径下再试 - 用管理员权限启动 VS Code？macOS 上可能导致
Live Server无法绑定本地回环地址，普通用户权限启动即可 - 防火墙拦截？临时关闭系统防火墙，或放行
Code Helper (Renderer)进程
插件配置项里最容易忽略的细节
很多插件的功能开关藏在 JSON 设置里，图形界面根本找不到。比如 Auto Close Tag 默认不闭合 <br>、<img> 这类自闭合标签，得手动加配置：
"auto-close-tag.SublimeText3Mode": true
又比如 Emmet 在 HTML 文件里默认启用，但在 .vue 或 .jsx 里需要显式开启：
"emerald.emmetVue": true
更隐蔽的是路径别名支持：Path Intellisense 默认只识别 ./ 和 ../，要补全 @/components/ 这种 Webpack 别名，必须配置 "path-intellisense.mappings" 指向实际目录。
这些配置一旦写错格式（比如多一个逗号、引号不闭合），整个 settings.json 会失效，VS Code 不报错，但所有自定义设置都不起作用——此时打开命令面板（Ctrl+Shift+P），输入 Preferences: Open Settings (JSON)，用 VS Code 自带的 JSON 验证器检查语法。
