vs code中文界面配置失败主因是locale设置未生效或被覆盖；必须通过configure display language命令选zh-cn并重启，或手动在settings.json中添加"locale": "zh-cn"，禁用其他语言包避免冲突。

中文界面配置失败的常见原因

VSCode 语言包装了却还是英文，大概率不是没装对，而是 locale 设置没生效或被覆盖。直接改 settings.json 最可靠：

• 按 Ctrl+Shift+P 打开命令面板，输入 Configure Display Language 回车，选 zh-cn 并重启
• 手动编辑 settings.json，确认有这一行："locale": "zh-cn"
• 如果装了多个语言插件（比如日文、繁体中文），禁用其他语言包再重启，避免加载冲突
• 某些企业定制版 VSCode 会锁定 locale，此时需检查是否启用了策略组（gpedit.msc）或域策略限制

Live Server 启动后页面空白或 404

不是插件坏了，而是它只服务当前打开的**文件夹根目录**，且默认不处理单个 HTML 文件双击打开的路径。

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

• 必须通过 File → Open Folder 打开整个项目目录，不能只用 File → Open File 打开单个 index.html
• 确保 index.html 在根目录下；若入口文件是 src/index.html，需右键该文件 → Open with Live Server，而非点击插件图标
• 端口被占用时会自动跳到下一个可用端口，但浏览器仍停留在旧地址——注意看右下角状态栏提示的实际 URL
• 如果用 Webpack/Vite 等构建工具，Live Server 不适用，应改用对应 dev server（如 vite 命令）

Prettier 和 ESLint 冲突导致保存后代码乱跳

两者规则打架，典型表现是保存一次格式变样、再保存又还原，或者 ESLint 报错“Expected indentation of 2 spaces”但 Prettier 强制 4 空格。

• 在 settings.json 中明确指定 formatter："editor.defaultFormatter": "esbenp.prettier-vscode"
• 安装 eslint-config-prettier 并在 .eslintrc.js 的 extends 末尾加上它，关闭所有和格式相关的 ESLint 规则
• 禁用 ESLint 的自动修复（"eslint.autoFixOnSave": false），让 Prettier 全权负责格式，ESLint 只做逻辑校验
• Vue/TS 项目务必加 "prettier.vueIndentScriptAndStyle": true，否则 <script></script> 里缩进会异常

Auto Rename Tag 修改标签后子元素丢失

这不是 bug，是插件默认行为：只重命名成对标签本身，不触碰内部结构。但新手常误以为它该“智能推导”内容变化。

• 它只响应 <div> ↔ <code>