2025 年 7 个压箱底 VS Code 插件，都是神器！

岁月不及念 一晃又一冬

很多同学在使用 VSCode 进行项目开发时，会遇到两个极端的情况：

没有安装任何插件，直接把 VSCode 当成“记事本”再用；安装了一大堆的插件，卡的要死不说，各种插件还会产生冲突。今天就列举出几个常用的提效不卡的插件

---

1. Prettier - Code formatter

为什么 2025 年仍不可替代？

• 支持 React 19 新 JSX 转换、TypeScript 5.5+、Tailwind CSS class 排序

• 新增 prettier.arrowParens: "avoid" 默认策略（更简洁箭头函数）

✅ 推荐配置（.prettierrc）：

1{2"semi":false,3"singleQuote":true,4"trailingComma":"es5",5"printWidth":100,6"plugins":["prettier-plugin-tailwindcss"]7}

▲ 自动修复缩进、引号、括号 —— 告别 Code Review 中的风格争论

---

---

2. React Developer Tools

🌟 微软官方出品｜✅ 内嵌 DevTools 面板

不再切换浏览器！直接在 VS Code 查看：

• 组件树 & Props/State 实时更新

• React 19 新特性

  Actions、useActionState 高亮

---

3. Tailwind CSS IntelliSense

🌟 安装量：16.1M+｜✅ 支持 v4.0 JIT 模式

2025 升级亮点：

• 智能提示 @apply 内嵌类

• 实时预览颜色/间距（hover 显示 px 值）

• 检测未使用类（tailwindcss/no-unnecessary-utilities）

---

4. peacock

这个插件可以让你的 VSCode 工作区瞬间焕发生机！通过为不同的工作区添加独特的颜色和图标，让你轻松区分不同的项目，提升工作效率

peacock可以配置启动窗口字典设置颜色

设置----插件扩展--peacock----"peacock.surpriseMeOnStartup" 设置为 true

效果如下

vscode默认是不支持打开多个窗口的，可以通过如下配置启用多窗口。

打开settings.json，配置如下

---

5. ES7+ React/Redux Snippets – Faster React Development

提供React、Redux、Next.js的组件、钩子函数和样板代码的便捷快捷方式。

6. CodeGeex

CodeGeex是一款基于智谱大模型的AI变成工具，速度非常快，不愿忍受AI响应太慢的同学可以试下这款插件.

CodeGeex还支持切换候选代码，使用快捷键alt [或者 alt ]。

可以配置候选代码的个数等级，默认是1个

如果你不满意生产的候选代码，可以使用alt \来让他重新生成。

支持是审查代码

选择需要审查的代码或者模块，打开聊天窗口，输入命令 /review ，就可以生成审查代码的报告。

---

7. Toggle Zen mode

在这个模式下，VSCode 会自动隐藏不必要的界面元素，让你全身心地投入到代码的世界中。

✅ 结语：少即是多

“插件不是越多越好，而是越精准越好。”

---

小女阅读

Cursor 不香了， Google Antigravity AI IDE 官方教程文档来了！

太酷了，专为程序员设计，VS Code 完美使用

VS Code 使用国产代码大杀器 MiniMax M2