vscode卡顿80%源于插件冲突或低效监听，需优先禁用三类插件：eslint与prettier同时启用formatonsave导致重复格式化；auto rename tag在大型文件中全语言激活引发输入延迟；path intellisense未配jsconfig.json时全工作区扫描路径拖慢补全。
为什么装了插件反而更卡？先关掉这三类插件
VSCode 卡顿 80% 源于插件冲突或低效监听。不是插件越多越好，而是得看它监听什么事件、是否与你当前项目匹配。
-
ESLint和Prettier同时启用formatOnSave：保存时会触发两次格式化，中间还可能互相覆盖——必须禁用其中一个的自动格式化，只留editor.defaultFormatter指向esbenp.prettier-vscode -
Auto Rename Tag在大型 Vue/JSX 文件中开启全语言激活（如"html", "vue", "jsx"）：DOM 树深度大时会导致输入延迟，建议限定为当前文件类型，或关闭auto-rename-tag.includeOpeningTag减少重绘负担 -
Path Intellisense启用了 alias 补全但没配jsconfig.json或tsconfig.json：它会在整个工作区递归扫描路径，10k+ 文件项目下扫描耗时可达 2–3 秒，直接导致 Ctrl+Space 卡住
Live Server vs Open in Browser：热重载到底要不要开？
热重载不是“开了就爽”，而是要看你开发阶段和调试需求。盲目开 Live Server 可能掩盖真实加载问题，比如 script 加载顺序、CORS、相对路径错误。
- 本地静态 HTML/CSS 快速验证 → 用
Live Server，端口设为"liveServer.settings.port": 5500，避免和本地服务冲突 - 对接后端 API 或需自定义请求头 → 关掉
Live Server，改用Open in Browser手动打开file://路径，再用浏览器 DevTools 模拟请求 - 多设备联调（手机扫码访问）→ 必须开
liveServer.settings.CustomBrowser并设"liveServer.settings.AdvanceCustomBrowser": true，否则局域网 IP 不生效
Prettier + ESLint 怎么共存不打架？关键在配置顺序
冲突不是插件问题，是规则叠加顺序错了。eslint-config-prettier 必须放在 extends 数组最后，否则前面的规则会覆盖它的禁用逻辑。
-
.eslintrc.js中extends必须写成：['airbnb', 'plugin:react/recommended', 'prettier']，不能把prettier放前面 -
prettier.semi设为false但 ESLint 还报semi错误？检查rules里有没有漏掉"semi": "off"，eslint-config-prettier只关内置规则，不关自定义 rule - Vue 项目里
template块格式错乱？加"prettier-plugin-vue"并在.prettierrc中显式启用："plugins": ["prettier-plugin-vue"]
路径补全失效？别怪插件，先查 jsconfig.json 的 baseUrl
Path Intellisense 不读 webpack alias，只认 jsconfig.json 或 tsconfig.json 里的 baseUrl 和 paths。没配就只能扫相对路径，补全范围极小。
- 确保根目录有
jsconfig.json，内容至少包含：{"compilerOptions":{"baseUrl":".","paths":{"@/*":["src/*"]}}} - 如果用的是 Vite，
baseUrl必须设为"."，设成"src"会导致补全路径多一层src/src/xxx - 补全仍不出现？按
Ctrl+Shift+P运行Developer: Toggle Developer Tools，看 Console 是否报Unable to resolve jsconfig.json—— 说明文件被.gitignore或files.exclude隐藏了
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
