vscode中文界面只需三步：安装microsoft官方chinese (simplified)语言包、执行configure display language选zh-cn、彻底重启；装错插件、未点右下角“restart now”或误选zh-cn均会导致失败。
怎么快速装上中文界面（不是所有“Chinese”都管用）
VSCode 默认英文，新手第一反应是搜 Chinese，但搜索结果里有几十个带“Chinese”的插件，真正能一键汉化的只有 Chinese (Simplified) 这一个。其他名字相近的（比如 Chinese Language Pack for Visual Studio Code）是旧版或第三方打包，容易不兼容或更新滞后。
安装后右下角会弹出「重新加载并切换语言」提示，必须点它；如果点了「稍后提醒」，语言不会变，重启也没用。装完不点这个，等于白装。
- 别搜“中文”“汉化”这种词，直接复制粘贴
Chinese (Simplified)到扩展搜索框 - 安装后一定要点右下角弹窗里的「更换语言并重启」，不是关掉窗口再手动重启
- 如果已重启但还是英文，检查是否误装了
vscode-language-pack-zh-hans（这是旧版包，2025 年起官方已弃用）
Live Server 点右键没反应？先确认文件路径和协议
Live Server 不是点任意 HTML 文件都能起效。它只响应「当前工作区根目录下的文件」，且要求文件路径不能含中文、空格或特殊符号（比如 桌面/我的项目/首页.html 就不行）。更关键的是：它默认只服务 http://127.0.0.1:5500，如果本地开了代理或防火墙拦截了该端口，也会静默失败，无报错提示。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 务必通过
File → Open Folder打开整个项目文件夹，而不是单独打开 HTML 文件 - 路径里避免中文、空格、括号，例如改用
my-project/index.html - 右键菜单没出现
Open with Live Server？按Ctrl+Shift+P输入Live Server: Start手动触发一次，看控制台有没有报错
Auto Rename Tag 同步失效？检查文件类型识别是否正确
Auto Rename Tag 只在 VSCode 正确识别为 HTML 或 JSX 文件时才工作。如果你写的是 .vue 文件但顶部没写 <template></template>，或者文件后缀是 .htm 而非 .html，它就会完全不响应。另外，它不处理字符串内的标签（比如 innerHTML = "<div>"），这点常被误认为“插件坏了”。
<ul><li>把光标放在起始标签内（比如 <code><div> 的 <code>d 上），再按 F2 重命名，比单纯修改文本更可靠
.vue 文件不生效，点击右下角语言模式（显示“Vue”或“HTML”那个位置），手动选成 Vue
document.write("<span>")</span> 里的内容——那是运行时字符串，不是语法结构格式化代码不起作用？优先关掉 Prettier 冲突
VSCode 自带 HTML/CSS/JS 格式化能力，但一旦装了 Prettier 或 ESLint，它们会抢走格式化控制权，而默认配置往往不匹配你的代码风格（比如缩进用空格还是 Tab、是否加分号）。最典型表现是：保存后代码反而更乱，或根本没反应。
解决办法不是删插件，而是明确指定谁来格式化：settings.json 里加两行：
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
}
注意：如果同时装了 Vetur（Vue 专用），它会对 .vue 文件启用自己的格式器，这时得额外加一条：
"vetur.format.defaultFormatter.html": "prettier"
- 别在设置 UI 里勾一堆“format on xxx”，统一用
settings.json控制更稳 -
Prettier和ESLint共存时，必须装eslint-config-prettier关闭 ESLint 的格式规则，否则必然打架 - 第一次配完，用
Ctrl+Shift+P运行Developer: Toggle Developer Tools，看 Console 有没有 formatter 相关报错
