乐于分享
好东西不私藏

5个让你效率翻倍的VS Code插件

5个让你效率翻倍的VS Code插件

AI类 - 不靠AI也能飞起来

 AI 插件满天飞的时代,很多人忘了:真正让你效率翻倍的,可能不是那个帮你写代码的 Copilot,而是那些帮你少踩坑、少重复、少出错的基础插件。

以下5个插件,全是非AI类。没有一个是"帮你想"的,全是"帮你省"的。

- - - - - - - - - - - - - - - - - - - - - - -

1. GitLens - Git 信息一目了然

谁写了这行代码?什么时候写的?上次改是什么时候?以前要开终端查 git log,现在鼠标移上去就看到了。

最实用的功能:Inline blame - 每行代码右侧显示最近一次 commit 的作者和时间。File history - 看一个文件的完整改动历史。Line history - 单行的改动轨迹。

建议:默认 inline blame 可能太吵,在 settings 里设 gitlens.codeLens.enabled 为 false,只在需要时手动打开。

- - - - - - - - - - - - - - - - - - - - - - -

2. Prettier - 代码格式化自动化

再也不用跟同事争论缩进用2还是4、行尾要不要分号。Prettier 帮你统一风格,保存时自动格式化。

核心配置就3个:tabWidth - 缩进宽度。singleQuote - 单引号还是双引号。semi - 行尾分号。

# Prettier: 最小配置即可

// .prettierrc{  "tabWidth": 2,  "singleQuote": true,  "semi": false,  "trailingComma": "es5",  "printWidth": 100}

- - - - - - - - - - - - - - - - - - - - - - -

3. ESLint - 实时语法检查

Prettier 管格式,ESLint 管逻辑。未使用的变量、错误的类型比较、缺失的 return - 这些 bug 写的时候 ESLint 就会标红。

建议用 eslint:recommended 作为基础规则集,然后根据团队习惯逐步扩展。别一上来就配100条规则,只会让大家更烦。

- - - - - - - - - - - - - - - - - - - - - - -

4. Thunder Client - API 测试不用离开编辑器

以前测接口要开 Postman,现在直接在 VS Code 里测。支持 GET/POST/PUT/DELETE,支持环境变量,支持 Collections 管理。

最大的优势:不用切换窗口。写完代码,旁边直接测,测完继续写。比 Postman 轻量,比 curl 直观。

- - - - - - - - - - - - - - - - - - - - - - -

5. Error Lens - 错误信息直接显示在代码行

ESLint 报了一行错误,你要点开 Problems 面板才能看详情。Error Lens 直接把错误信息显示在代码行的末尾,一眼就能看到。

省掉的步骤:写代码 -> 看到红线 -> 点击 Problems -> 看详情。现在:写代码 -> 看到红线 -> 错误信息就在旁边。

- - - - - - - - - - - - - - - - - - - - - - -

一次性配置

装完5个插件,把这段配置扔进 settings.json:

# VS Code settings.json 关键配置

{  "editor.formatOnSave": true,  "editor.defaultFormatter": "esbenp.prettier-vscode",  "editor.codeLens": false,  "gitlens.codeLens.enabled": false,  "errorLens.enabledDiagnosticLevels": ["error", "warning"],  "editor.fontSize": 14,  "editor.tabSize": 2}

- - - - - - - - - - - - - - - - - - - - - - -

插件对比

插件

功能

必装指数

GitLens

Git 信息集成

必装

Prettier

代码格式化

必装

ESLint

语法检查

必装

Thunder Client

API 测试

强烈推荐

Error Lens

错误提示增强

强烈推荐

- - - - - - - - - - - - - - - - - - - - - - -

最后说一句

AI 插件能帮你写代码,但这些基础插件能帮你少犯错。少犯错 = 省时间 = 效率翻倍。

你还有什么私藏插件?留言分享。

- - - - - - - - - - - - - - - - - - - - - - -

代码蒸馏所 | 程序员 + AI 工作流

关注我,每周 3 篇实战干货