VS Code 必备插件推荐：提升 10 倍开发效率

🎨 代码美化类

Prettier

自动格式化代码，支持 20+ 语言。保存时自动格式化，告别格式争论。

ESLint

JavaScript/TypeScript 代码检查，实时发现潜在问题。

🚀 效率提升类

GitHub Copilot

AI 代码补全，自动写代码、写注释、写测试。

Tabnine

AI 智能代码补全，支持多种语言。

Path Intellisense

自动补全文件路径，再也不用记路径了。

Auto Rename Tag

修改 HTML/XML 标签时，自动修改配对标签。

🔍 代码导航类

GitLens

Git 集成神器，显示每行代码的作者、提交时间、提交信息。

Bookmarks

在代码中添加书签，快速跳转。

TODO Highlight

高亮显示 TODO、FIXME 等注释，不错过任何待办事项。

🌐 前端开发类

Live Server

本地开发服务器，保存自动刷新。

CSS Peek

在 HTML 中直接查看 CSS 定义。

IntelliSense for CSS

CSS 智能提示，属性、值自动补全。

Color Highlight

高亮显示颜色值，直观预览。

🐍 Python 开发类

Python (Microsoft)

官方 Python 支持，智能提示、调试、格式化。

Pylance

高性能 Python 语言服务器。

Jupyter

在 VS Code 中运行 Jupyter Notebook。

📦 通用工具类

Settings Sync

同步 VS Code 配置到 GitHub，换电脑不丢失配置。

Remote - SSH

远程开发，连接服务器写代码。

Docker

Docker 容器管理，查看日志、执行命令。

REST Client

直接在 VS Code 中发送 HTTP 请求，替代 Postman。

Thunder Client

轻量级 API 测试工具。

Markdown All in One

Markdown 写作增强，目录、预览、快捷键。

Image Preview

在文件列表中显示图片预览。

⚙️ 我的推荐配置

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.minimap.enabled": true,
  "editor.wordWrap": "on",
  "files.autoSave": "afterDelay"
}

💡 使用建议

1. 不要装太多：插件太多会拖慢 VS Code
2. 按需安装：根据项目类型选择
3. 定期清理：删除不用的插件
4. 关注性能：禁用不必要的插件

选对插件，开发效率翻倍！