Prettier、ESLint、GitLens、Path Intellisense、Auto Rename Tag 是真·刚需插件：Prettier配合.editorconfig统一格式；ESLint需配eslint-config-prettier避免与Prettier冲突；GitLens实现悬停查git blame；Path Intellisense需配置jsconfig.json支持~别名；Auto Rename Tag需手动添加vue等语言支持。
Prettier、ESLint、GitLens、Path Intellisense、Auto Rename Tag 这 5 个插件，装完就能明显减少“手抖写错”“找不到文件”“改了开头忘闭合”“提交前被队友吐槽空格不一致”这类低级但高频的问题。
为什么这五个是真·刚需？
它们不是锦上添花的“炫技工具”，而是直接堵住日常编码中五个最常漏风的口子：
-
Prettier解决“保存后缩进又乱了”——但必须配合.editorconfig文件，否则跨编辑器（比如同事用 WebStorm）仍会格式不一致；VSCode 会优先读这个文件，再让Prettier在此基础上格式化 -
ESLint标红undefined变量或console.log残留，但若同时启用Prettier，得装eslint-config-prettier并在extends里禁用冲突规则，否则保存时可能互相覆盖 -
GitLens让你鼠标悬停在任意一行左侧空白处，立刻看到“谁写的？什么时候改的？为什么这么写？”——不用切出 VSCode、敲git blame、再切回浏览器查 commit -
Path Intellisense在import或src="./后自动提示路径，对node_modules包名也补全；但默认不识别~别名，需在jsconfig.json或tsconfig.json中配好baseUrl和paths -
Auto Rename Tag修改<div>时自动同步</div>，但在 Vue 的<template>块里默认不生效，得手动加配置："auto-rename-tag.activationOnLanguage": ["html", "vue", "javascriptreact"]
哪些插件看似热门，其实可以先缓一缓？
像 Bracket Pair Colorizer，VSCode 1.60+ 已内置 Bracket Pair Colorization，直接在设置里搜并开启即可，不必额外装；Live Server 虽方便，但只适用于纯静态页，一旦项目跑在 Vite/Webpack 下，反而容易端口冲突或刷新失效；vscode-icons 看着清爽，但属于纯体验层优化，不解决任何实际开发卡点。
怎么避免插件越装越多反而拖慢 VSCode？
VSCode 启动慢、打字卡顿，八成是插件太多或某几个在后台疯狂扫描。建议：
- 按需启用：比如只在前端项目开
Path Intellisense，Python 项目关掉它 - 检查插件权限：某些插件会请求“读取全部文件”或“运行脚本”，非必要别给
- 定期禁用闲置插件：右键扩展列表 → “Disable (Workspace)” 比直接卸载更安全，需要时一秒恢复
- 留意插件更新日志：2026 年起，部分老插件（如
Vetur）已停止维护，Vue 3 项目必须换Volar，否则模板类型推导会失效
