VS Code 好用插件集合

作者:痛风少年 发布时间: 2026-01-16 阅读量:1

一、编码效率类(必装)

1. GitLens

Git 信息增强神器

  • 查看每一行代码是谁写的、什么时候改的

  • 快速定位责任人和历史上下文

  • 对接 GitHub / GitLab 非常自然

大型项目必装,没有之一。


2. Prettier

统一代码风格的最后一道防线

  • 保存即格式化

  • 多语言支持

  • 和 ESLint 配合使用效果最佳

能减少 80% 的代码风格争论。


3. ESLint

把“规范”变成工具

  • 编码阶段就能发现问题

  • 强制团队统一标准

  • 对 JS / TS 项目尤为重要

这是“工程化”的起点。


4. EditorConfig

跨编辑器一致性保证

  • 行尾、缩进、编码统一

  • 避免“我这没问题”的经典事故

团队项目几乎必备。


二、代码阅读 & 维护类

5. Code Spell Checker

变量名、注释拼写检查

  • 防止低级拼写错误

  • 支持技术词典

  • 减少“看着别扭但说不出”的代码问题

对英文变量名密集的项目很有价值。


6. Todo Tree

TODO / FIXME 集中管理

  • 自动扫描代码中的 TODO

  • 树形展示

  • 支持自定义关键字

技术债一眼可见。


7. Better Comments

让注释有“语义”

  • 不同类型注释高亮显示

  • TODO / FIXME / NOTE 一目了然

注释不是写给机器,是写给人的。


三、Git & 协作相关

8. Git Graph

Git 历史图形化展示

  • 分支关系非常清晰

  • Rebase / Merge 场景更安全

比命令行更适合“理解历史”。


9. Conventional Commits

规范化提交信息

  • 提交时自动引导

  • 配合 CI / Changelog 效果很好

提交记录是“长期资产”。


四、前端 & Web 开发增强

10. Auto Rename Tag

HTML / JSX 神器

  • 改开标签,自动改闭合标签

  • 减少低级错误

用过就回不去。


11. Path Intellisense

路径自动补全

  • import / require 路径提示

  • 支持别名

看似简单,但每天都在用。


12. CSS Peek

CSS / SCSS 快速定位

  • 从 class 跳转到定义

  • 支持 Vue / React

对维护旧项目非常友好。


五、后端 & 通用开发

13. REST Client

在 VS Code 里直接调接口

  • .http 文件写请求

  • 不用切 Postman

  • 适合接口调试、文档示例

对后端和全栈都很友好。


14. SQLTools

数据库管理插件

  • 支持 MySQL / PostgreSQL / SQLite 等

  • 直接在 VS Code 查数据

  • 查询记录可复用

轻量场景下可替代数据库客户端。


15. Docker

Docker 官方插件

  • 容器 / 镜像 / 日志可视化

  • 配合 Dev Container 使用效果很好

云原生项目基本必装。


六、搜索 & 辅助工具

16. Project Manager

多项目切换利器

  • 保存常用项目

  • 一键打开

  • 特别适合多仓库开发

多项目并行时非常省心。


17. Regex Previewer

正则实时预览

  • 写正则不再靠猜

  • 对日志、文本处理很有帮助

正则写对一次,少改十次。


18. Markdown All in One

Markdown 写作增强

  • 快捷键、目录、预览

  • 适合写技术文档 / 设计文档

技术人写文档离不开它。


七、AI & 智能辅助(按需)

19. GitHub Copilot

AI 编码助手

  • 补全代码

  • 提供实现思路

  • 对模板代码、CRUD 提效明显

不替代思考,但能显著提速。


20. Codeium(Copilot 替代)

免费 AI 编码助手

  • 类似 Copilot

  • 对部分语言支持更激进

适合尝试 AI 编码但不想付费的用户。