prettier和eslint共存导致卡顿，主因是onsave阶段互相触发形成“乒乓式”调用，尤其大文件下保存延迟激增；应禁用eslint自动修复、固定prettier为默认格式化器、用eslint-config-prettier关闭格式类规则。
为什么 Prettier 和 ESLint 一起装反而更卡？
不是插件本身慢，是它们在 onSave 阶段同时触发、互相阻塞。Prettier 格式化完，ESLint 又扫一遍；ESLint 修复后，Prettier 再格式化——尤其对大文件（如 2000 行的 TSX），这种“乒乓式”调用会让保存延迟从 100ms 拉到 800ms+。
实操建议：
- 禁用 ESLint 的自动修复：把
"eslint.autoFixOnSave"设为false，只保留错误提示 - 让 Prettier 成为唯一格式化器：
"editor.defaultFormatter"固定设为"esbenp.prettier-vscode" - 用
eslint-config-prettier关闭所有与格式相关的 ESLint 规则，避免重复劳动 - 对大型项目，考虑在
.prettierignore中排除node_modules/和构建产物目录
Live Server 启动慢？别怪插件，先查端口和 MIME 类型
常见现象是点击 Go Live 后浏览器空白、控制台报 net::ERR_CONNECTION_REFUSED，或首次加载耗时超 3s。这通常不是插件性能问题，而是本地环境干扰。
实操建议：
- 检查是否被其他进程占用了默认端口 5500：
lsof -i :5500（macOS/Linux）或netstat -ano | findstr :5500（Windows） - 在设置中显式指定端口：
"liveServer.settings.port": 5501，避免随机端口带来的 DNS 解析延迟 - 若 HTML 引用了本地
file://资源（如图片、字体），Live Server 不会代理，浏览器直接拒绝加载——改用相对路径或确保资源在项目根目录下 - 禁用浏览器扩展（尤其是广告拦截类），它们可能拦截
localhost请求
Volar 在 Vue3 项目里 CPU 占用飙升？关掉它默认启用的 TypeScript 支持
Volar 默认开启 volar.takeOverMode，会接管整个 TS 语言服务，和官方 typescript-language-features 插件冲突。两者同时分析同一份 .vue 文件，CPU 使用率瞬间翻倍，光标响应变迟钝。
实操建议：
- 关闭接管模式：
"volar.takeOverMode": false，让 TS 语言服务由官方插件处理，Volar 专注模板语法高亮和指令补全 - 确保项目有
tsconfig.json，且包含"include": ["src/**/*"]，否则 Volar 会扫描整个工作区 - 禁用无关语言支持：在插件设置里关掉
volar.enableVueTemplateTypeChecking（除非你真需要模板内类型推导） - 如果用的是 pnpm，确认
node_modules/.pnpm软链接没被 Volar 错误索引——可在settings.json加"files.exclude": {"**/.pnpm": true}
Bracket Pair Colorizer 2 看似轻量，但嵌套过深时会拖慢滚动
它靠监听每一行的括号变化实时染色，在 JSX 或复杂 CSS 嵌套中（比如带 8 层 div 的组件），光标滚动时每帧都要重算配对关系，导致 60fps 掉到 30fps 以下，肉眼可感卡顿。
实操建议：
- 改用 VSCode 原生功能：
"editor.bracketPairColorization.enabled": true（1.60+ 版本内置），性能更好、无需额外插件 - 若坚持用 Bracket Pair Colorizer 2，限制作用范围：
"bracket-pair-colorizer-2.deactivateWhenNoBrackets": true，无括号时不渲染 - 关闭动画效果：
"bracket-pair-colorizer-2.showBracketsInGutter": false，减少 DOM 渲染压力 - 对特别长的文件（>1000 行），临时禁用该插件——右键编辑器标签 → “Disable Extension for This Workspace”
settings.json 里三条看似无害的配置，合起来可能让编辑器多做三倍无用功。动手前，先打开命令面板执行 Developer: Toggle Performance Insights，看哪条插件在“Save”或“Typing”阶段吃掉了最多时间——比凭感觉卸载靠谱得多。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
