prettier必须设为默认formatter，因为vscode不会自动调用已安装的prettier插件，需显式指定"editor.defaultformatter": "esbenp.prettier-vscode"，否则即使开启editor.formatonsave也无反应；常见现象是快捷键报“no formatter installed”或保存后格式无变化。
为什么 Prettier 必须设为默认 formatter 而不是仅靠保存时格式化
很多人开了 editor.formatOnSave 却没配 editor.defaultFormatter，结果保存时毫无反应——VSCode 不知道该调用谁来格式化。Prettier 插件安装后不会自动接管，必须显式指定。
常见错误现象：Format Document 快捷键（Shift+Alt+F）报错 “No formatter installed”，或保存后缩进/引号风格完全没变。
- 必须在
settings.json中写明："editor.defaultFormatter": "esbenp.prettier-vscode" - 若项目同时用 ESLint，需加
"eslint-config-prettier"关闭其格式类规则，否则和 Prettier 冲突 - 团队协作时，建议把
.prettierrc提交进仓库，避免本地配置不一致导致 diff 爆炸
Vue3 项目里 Volar 和 Vue VSCode Snippets 怎么分工
Volar 是 Vue3 的语言服务核心：提供 setup() 内的响应式变量类型推导、defineProps 参数校验、模板中 v-model 绑定提示；而 Vue VSCode Snippets 只负责代码块展开，比如输入 vue3 回车生成完整单文件组件骨架。
容易踩的坑：装了 Vetur（Vue2 旧插件）再装 Volar，两者会冲突，导致语法高亮错乱、跳转失效。必须先禁用或卸载 Vetur。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
-
Volar启用后，vue文件的语言模式会自动切为vue（不是html或javascript），这是判断是否生效的关键信号 -
Vue VSCode Snippets的快捷片段如ref、watch、defineEmits都只在script setup区域内生效，模板区无效 - 如果
Ctrl+Click点不到@/components/xxx.vue，不是插件问题，而是缺少jsconfig.json中的paths配置
路径跳转失效？别急着换插件，先检查 jsconfig.json
90% 的别名路径跳转失败（比如 @/utils/request 按 Ctrl+左键 无响应），根源不在插件，而在项目缺少类型声明配置。
Path Intellisense、Vue Alias Skip 这类插件只是补全和跳转的“搬运工”，真正提供路径解析能力的是 TypeScript 或 JS 语言服务本身。
- 根目录下必须有
jsconfig.json（JS 项目）或tsconfig.json（TS 项目） - 里面要包含合法的
compilerOptions.baseUrl和compilerOptions.paths，例如："@/*": ["src/*"] - 修改配置后需重启 VSCode，或执行命令
Developer: Restart Language Server - 如果用了
vite-aliases这类运行时别名，它对编辑器跳转完全无效——那是打包工具的事，不是编辑器的事
ESLint 报错但不标红？检查扩展启用状态和工作区范围
ESLint 插件装了、配置也写了，但编辑器里没有任何波浪线提示，大概率是它没在当前文件上运行。
原因常有两个：插件被禁用在当前工作区，或 ESLint 没识别出当前文件属于它的检测范围（比如文件后缀是 .jsx 但配置里只写了 .js）。
- 右下角状态栏点 ESLint 图标，确认显示 “ESLint is enabled”；若显示 “disabled”，点它并选 “Enable for Workspace”
- 检查
.eslintrc.js中overrides是否覆盖了当前文件类型，例如 React 项目需明确加入files: ["*.jsx", "*.tsx"] - 终端运行
npx eslint src/App.jsx看是否真能检测出问题，排除配置语法错误 - 如果只在保存后才标红，说明
eslint.validate没开实时校验，需加配置："eslint.validate": ["javascript", "typescript", "vue"]
jsconfig.json 少一个逗号，或 ESLint 工作区被意外禁用），就会卡住整个开发节奏。插件只是工具，配置才是关键。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
