VSCode中文界面没生效的根本原因是locale配置未正确写入，必须通过Configure Display Language命令选择zh-cn并重启，或手动在settings.json中添加"locale":"zh-cn"才能真正生效。
VSCode 默认不带中文界面，装完插件后也未必立刻生效——关键在语言配置是否真正落到 locale 设置项上，而不是只装了汉化包。
中文界面没生效？检查 locale 而不是重装插件
很多人装了 Chinese (Simplified) Language Pack for Visual Studio Code 却还是英文界面，根本原因不是插件没装好，而是 VSCode 没读到语言配置。VSCode 启动时只认 locale 这个设置项的值，其他操作（比如点“是”重启）只是辅助手段。
- 按
Ctrl+Shift+P打开命令面板，输入Configure Display Language回车 - 选择
zh-CN，**必须确认这个选项被写入 settings.json**（打开设置搜索locale，看是否显示"locale": "zh-CN"） - 如果没写入，手动加一行：
"locale": "zh-CN"到用户设置里 - 重启 VSCode —— 这次才是真生效，不是“看起来像中文”
Prettier 和 ESLint 一起用，必须关掉 eslint-config-prettier 的冲突项
两者都做格式化，但规则打架：比如 ESLint 要分号，Prettier 不要，保存时就会来回拉扯。不是谁“优先级高”，而是得让它们协商好边界。
- 装插件
esbenp.prettier-vscode和dbaeumer.vscode-eslint - 在项目根目录加
.eslintrc.js，extends里必须包含prettier（如'plugin:prettier/recommended'） - 禁用 ESLint 中和 Prettier 冲突的规则：
npm install eslint-config-prettier --save-dev，然后在extends末尾加上'prettier' - VSCode 设置里关掉
editor.formatOnSave对 ESLint 的绑定，只留 Prettier 做格式化
Path Intellisense 补路径失败？多半是没开 autoAdd 或项目没识别 root
它默认只提示路径，不自动补全 import 语句；而且对 monorepo、tsconfig paths 别名的支持，依赖你有没有显式告诉它项目根在哪。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
立即学习“前端免费学习笔记（深入）”；
- 启用自动插入：
"path-intellisense.autoAdd": true（否则只弹出提示框，敲回车也不填） - 如果项目用了
tsconfig.json的baseUrl+paths，要在设置里配"path-intellisense.mappings": { "src": "${workspaceFolder}/src" } - 多文件夹工作区下，它可能只认第一个文件夹为 root，需手动指定
workspaceFolder变量 - 不支持动态字符串拼接路径，比如
require(\`./\${name}/index.js\`)—— 这类直接放弃提示
Volar 在 Vue3 项目里不提示？检查 vueCompilerOptions 和 typescript 版本
Volar 不是“装了就灵”，它深度依赖 TypeScript 语言服务和 Vue 编译器配置。Vue2 项目误装 Volar，或 TS 版本太低，都会导致 ref、defineProps 等 API 没类型提示。
- 确认项目是 Vue3（
package.json里"vue": "^3"），且没同时装Vetur（二者冲突） - VSCode 设置里关掉
typescript.preferences.importModuleSpecifier的 auto，避免 TS 自己乱 resolve - 在
tsconfig.json的compilerOptions下加："vueCompilerOptions": { "target": 3 } - TS 版本不能低于 4.8 —— 低于这个版本，
defineProps的泛型推导直接失效
插件不是越多越好，每个插件都在抢 VSCode 的 AST 解析权和语言服务器资源。一个没配好的 Volar 或 ESLint，比十个没用的美化插件更拖慢编辑器响应速度。
