eslint和prettier同时启用导致cpu飙升，需禁用eslint自动修复（设"eslint.codeactionsonsave.mode":"problems"），指定prettier为默认格式器，并安装eslint-config-prettier关闭格式规则，避免 onsave 死循环。
ESLint 和 Prettier 同时启用时 CPU 占用飙升怎么办
不是插件本身有问题，而是规则冲突 + 多次触发导致编辑器反复解析同一段代码。VSCode 默认在 onType（每敲一个字符）和 onSave 两个时机都可能触发校验/格式化，如果 ESLint 和 Prettier 都监听了 onSave，又没协调好执行顺序，就会出现“格式化 → 触发 ESLint 报错 → ESLint 尝试修复 → 再次触发格式化”的死循环。
- 必须禁用 ESLint 的自动修复功能：在
settings.json中设"eslint.codeActionsOnSave.mode": "problems"，只报告问题，不自动改 - Prettier 必须设为默认 formatter：
"editor.defaultFormatter": "esbenp.prettier-vscode"，且仅靠它做格式化 - 装
eslint-config-prettier并在.eslintrc.js的extends末尾加上它，关闭所有与格式相关的 ESLint 规则 - 避免在
package.json中同时配置"lint-staged"和编辑器保存格式化，二者选其一即可
Live Server 启动慢、热重载延迟高怎么调
Live Server 插件本质是起一个微型 HTTP 服务并注入 WebSocket 监听文件变更，但默认配置对大项目或含构建步骤的项目不友好。常见现象是修改 HTML 后 2–3 秒才刷新，甚至卡住不动。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 关闭
"liveServer.settings.donotShowInfoMsg": true可减少 UI 渲染开销 - 禁用自动打开浏览器：
"liveServer.settings.AdvanceCustomBrowserCmdLine": ""，尤其在调试多端时能省下启动时间 - 若项目用 Vite/Webpack，直接关掉 Live Server，用原生 dev server —— 它们自带更精准的 HMR，且支持 CSS/JS 局部热更新
- 不要把
node_modules或dist目录加进工作区根目录，Live Server 会扫描整个文件树，路径越深、文件越多，监听初始化越慢
Volar 和 Vue Language Features 插件能共存吗
不能。Volar 是 Vue 3 官方推荐的语言服务器，而旧版 Vue Language Features（即 Vetur 的后继实验版）已废弃，两者同时启用会导致 TypeScript 类型推导错乱、ref 解构提示失效、defineProps 类型丢失等静默错误。
- 务必卸载
Vue Language Features，只保留volar（注意是小写 v）和配套的volar-server - 在
settings.json中显式关闭旧语言模式："vue.experimental.enableMultiProjectSupport": false - 若使用 TypeScript，确保项目中有
tsconfig.json且包含"compilerOptions.types": ["@vue/runtime-core"] - 遇到类型不提示时，先运行命令
Developer: Restart Language Server，而不是 reload window
Bracket Pair Colorizer 2 在 JSX 中括号匹配失效
这不是插件 bug，而是 VSCode 对 JSX 语法块的解析优先级高于括号着色逻辑。当 JSX 中混用三元、箭头函数、嵌套对象时，Bracket Pair Colorizer 2 无法准确识别哪些 {} 是 JS 表达式、哪些是 JSX 标签属性，容易配对错位或干脆不着色。
- 改用 VSCode 原生功能：
"editor.bracketPairColorization.enabled": true（1.60+ 内置），它基于语法树而非正则匹配，对 JSX 支持更好 - 禁用
Bracket Pair Colorizer 2，它和新原生功能冲突，且额外占用渲染线程 - 如需增强视觉区分，配合
"editor.guides.bracketPairs": true显示缩进引导线，比颜色更稳定 - 不要开启
autoClosingBrackets和autoSurround的组合，它们在 JSX 中常误触发，反而干扰输入节奏
.vue 文件，可能同时触发 ESLint 校验、Prettier 格式化、Volar 类型检查、GitLens 提交状态更新——这些本该串行的操作，在缺乏协调机制时会并发抢占主线程。控制权不在插件列表，而在你定义的触发边界。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
