VSCode有哪些必备插件值得推荐?【教程】

11次阅读

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等语言支持。

VSCode有哪些必备插件值得推荐?【教程】

PrettierESLintGitLensPath IntellisenseAuto Rename Tag 这 5 个插件,装完就能明显减少“手抖写错”“找不到文件”“改了开头忘闭合”“提交前被队友吐槽空格不一致”这类低级但高频的问题。

为什么这五个是真·刚需?

它们不是锦上添花的“炫技工具”,而是直接堵住日常编码中五个最常漏风的口子:

  • Prettier 解决“保存后缩进又乱了”——但必须配合 .editorconfig 文件,否则跨编辑器(比如同事用 webstorm)仍会格式不一致;vscode 会优先读这个文件,再让 Prettier 在此基础上格式化
  • ESLint 标红 undefined 变量或 console.log 残留,但若同时启用 Prettier,得装 eslint-config-prettier 并在 extends 里禁用冲突规则,否则保存时可能互相覆盖
  • GitLens 让你鼠标悬停在任意一行左侧空白处,立刻看到“谁写的?什么时候改的?为什么这么写?”——不用切出 VSCode、敲 git blame、再切回浏览器查 commit
  • Path Intellisenseimportsrc="./ 后自动提示路径,对 node_modules 包名也补全;但默认不识别 ~ 别名,需在 jsconfig.jsontsconfig.json 中配好 baseUrlpaths
  • Auto Rename Tag 修改
    时自动同步

text=ZqhQzanResources