VSCode中文界面需安装官方插件“Chinese (Simplified) Language Pack for Visual Studio Code”，并执行Configure Display Language命令设locale为"zh-cn"后彻底重启，三者缺一不可；搜“中文插件”易装错第三方包导致乱码或失效。
中文界面插件名和实际效果不一致？
VSCode 官方语言包插件叫 Chinese (Simplified) (简体中文)，不是“中文语言包”或“汉化插件”这类模糊名称。安装后需重启 VSCode，且必须在设置里手动切换语言——仅安装不生效。
常见错误：装完就以为界面自动变中文；或者搜“vscode 中文”装了第三方仿冒插件，结果菜单栏乱码或部分界面仍英文。
- 正确操作路径：
Ctrl+Shift+P→ 输入Configure Display Language→ 选择zh-cn→ 重启 - 验证是否生效：看左下角状态栏是否有「中文」字样，或菜单栏如「文件」「编辑」「视图」是否已翻译
- 注意兼容性：VSCode 1.80+ 版本对
zh-cn本地化支持更完整，旧版本可能漏翻部分设置项（如「Settings Sync」仍显示英文）
Live Server 和 open in browser 有什么区别？
Live Server 启动的是一个带热重载的本地 HTTP 服务（默认端口 5500），保存 HTML/CSS/JS 文件后浏览器自动刷新；open in browser 只是用 file:// 协议直接打开本地文件，不走服务器，无法加载相对路径的资源（比如 ./css/style.css 会 404）。
典型踩坑场景：写完一个带 Ajax 请求的页面，用 open in browser 打开，控制台报错 CORS 或 net::ERR_FILE_NOT_FOUND —— 这不是代码问题，是协议限制。
- 开发静态页面时优先用
Live Server（右键菜单选「Open with Live Server」） -
open in browser适合纯展示型 HTML（无外部引用、无 JS 请求）快速预览 - 两者可共存，但不要混淆使用场景；
Live Server的服务进程在右下角状态栏有图标，点它可关闭
Auto Rename Tag 和 Highlight Matching Tag 功能重叠吗？
不重叠。Auto Rename Tag 是编辑行为：改 <div class="box"> 的开始标签，它自动同步改 </div>；Highlight Matching Tag 是只读提示：光标停在某个标签上，高亮匹配的起始/结束标签，加下划线辅助定位。
容易被忽略的细节：前者依赖文件类型识别（对 Vue 的 <template>、React JSX 默认支持，但对自定义标签如 <my-component> 可能失效）；后者在非 HTML 类型文件（如 Markdown）里不工作。
- 如果改了开始标签，结束标签没同步，先检查当前文件是否被识别为
HTML（右下角状态栏显示语言模式） -
Highlight Matching Tag在嵌套过深时（比如 10 层<div>）可能只高亮最近两层，属性能妥协，不是 bug - 两者都建议开启，一个防误改，一个助阅读
Prettier 和 ESLint 冲突怎么办？
常见现象：保存后代码格式被 Prettier 调整了，但 ESLint 立刻报错「Expected indentation of 2 spaces」——说明两者规则不一致，比如缩进、引号、分号设置冲突。
根本原因不是插件问题，而是配置没对齐。VSCode 默认把 Prettier 当格式化器，ESLint 当校验器，二者职责不同，但输出结果必须兼容。
- 推荐做法：用
eslint-config-prettier关闭 ESLint 中与 Prettier 冲突的规则（执行npm install eslint-config-prettier --save-dev并在.eslintrc.js的extends里追加'prettier'） - VSCode 设置里确认
editor.formatOnSave指向 Prettier，editor.codeActionsOnSave中的source.fixAll.eslint保持开启 - 如果项目用 TypeScript，额外加
eslint-plugin-prettier，否则 TSX 文件里 Prettier 规则可能不生效
复杂点在于团队协作时每个人的 VSCode 配置可能不同，最终要靠 .prettierrc 和 .eslintrc.js 文件落地统一规则，插件只是执行器。
