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修改时自动同步