VSCode选插件需避性能坑：禁用监听文件变化和启动后台进程的冗余组合，如Auto Import、Path Intellisense、ESLint三者共存易致CPU飙升；Vue项目应弃Vetur改用Volar，Prettier与ESLint须通过eslint-config-prettier协调规则，Live Server仅适用于静态小项目，避免与框架dev server冲突。
怎么选插件不踩性能坑
VSCode插件不是越多越好，装错三个就可能让编辑器卡顿、保存变慢、甚至崩溃。关键看两点：是否监听文件变化、是否启动后台进程。
容易出问题的典型组合：Auto Import + Path Intellisense + ESLint 在大型项目里同时启用时，会反复扫描 node_modules 和 src 下所有文件，导致 CPU 占用飙升。实测 10 万行 Vue 项目中，三者默认配置下保存延迟从 80ms 拉到 1.2s。
-
ESLint建议只在 .js/.ts/.vue 文件生效，通过"eslint.validate": ["javascript", "typescript", "vue"]限制范围 -
Path Intellisense关闭"path-intellisense.autoGuess": false，避免自动推导路径时遍历整个 workspace -
Auto Import禁用对node_modules的扫描："auto-import.scanNodeModules": false
格式化冲突：Prettier 和 ESLint 谁该让步
两者规则重叠（比如单引号、分号、空行），不协调就会出现“保存一次 → 格式化 → 触发 ESLint 报错 → 再保存 → 又格式化”的死循环。
正确做法是让 ESLint 专注代码质量，Prettier 专注样式。必须加装 eslint-config-prettier，并在 .eslintrc.js 中明确禁用冲突规则：
立即学习“前端免费学习笔记（深入）”；
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
module.exports = {
extends: [
'eslint:recommended',
'plugin:vue/vue3-recommended',
'prettier' // 这一行引入 eslint-config-prettier
]
}
VSCode 设置里还要关掉 ESLint 的自动修复："eslint.codeActionsOnSave.mode": "problems"，否则它会在你没触发保存时偷偷改代码。
Vue 项目别再装 Vetur
Vetur 已停止维护，Vue 3 + TypeScript 项目中会出现类型提示丢失、<script setup> 补全失效、template 内表达式报错等问题。官方明确推荐切换到 Volar。
装了 Vetur 又装 Volar 会直接冲突——VSCode 无法决定用哪个语言服务，结果是 .vue 文件语法高亮全丢、跳转失效、Emmet 不工作。
- 卸载 Vetur 前先关掉 VSCode，否则残留进程可能卡住语言服务器
- Volar 需要手动启用：右键 .vue 文件 → “Select Language Mode” → 选
Vue（不是 HTML） - 若项目用
defineProps+ 泛型，确保"volar.ignoreProjectWarning": true关闭警告，否则 TS 类型推导会被干扰
Live Server 和本地开发服务怎么共存
很多新手以为 Live Server 就是开发服务器，其实它只是静态文件托管，不支持代理、环境变量、API 转发。真实项目里和 vite dev server 或 webpack-dev-server 同时开，反而会端口冲突、热更新失效。
Live Server 只适合三类场景：index.html 原生 JS 小项目、纯静态文档页、设计稿 HTML 快速预览。
- React/Vue 项目一律关掉 Live Server，用框架自带命令：
vite dev或npm run serve - 需要浏览器自动打开 + 端口自定义？在
vite.config.ts里配：server: { open: true, port: 3001 } - 非得用 Live Server 时，务必改端口避开 5173/3000：
liveServer.settings.port设为 5500 或其他空闲值
