Lazy loaded image
VS Code 常用插件推荐
字数 695阅读时长 2 分钟
2026-5-15
2026-5-15
type
Post
status
Published
date
May 15, 2026
slug
vscode-plugins
summary
开发必备 VS Code 插件清单,按功能分类推荐
tags
vscode
editor
tools
productivity
plugins
category
开发工具
icon
password

VS Code 常用插件推荐


主题美化

插件
用途
One Dark Pro
经典暗色主题
GitHub Theme
GitHub 官方主题
Catppuccin
温柔配色主题
Material Icon Theme
文件图标美化
vscode-icons
另一种图标方案

代码编辑

插件
用途
Prettier
代码格式化
ESLint
JS/TS 代码检查
EditorConfig
统一编辑器配置
indent-rainbow
缩进颜色高亮
Bracket Pair Colorizer
括号颜色配对
Code Spell Checker
英文拼写检查
GitLens
Git 增强(查看谁改了代码)
Live Share
实时协作编辑

Git 相关

插件
用途
GitLens
Git 历史/Blame/对比
Git Graph
Git 分支图形化
Git History
查看文件历史
GitHub Pull Requests
在 VS Code 里提 PR

PHP 开发

插件
用途
PHP Intelephense
PHP 智能提示
PHP Debug
PHP 调试(Xdebug)
Laravel Extension Pack
Laravel 工具包
Laravel Snippets
Laravel 代码片段
Laravel Blade Snippets
Blade 模板提示
PHP Namespace Resolver
自动导入命名空间

Go 开发

插件
用途
Go(官方)
Go 语言支持
Go Nightly
Go 每日构建版

Python

插件
用途
Python(微软官方)
Python 支持
Pylance
Python 语言服务
Jupyter
Jupyter Notebook 支持

前端开发

插件
用途
Tailwind CSS IntelliSense
Tailwind 提示
CSS Peek
CSS 类名跳转
Auto Rename Tag
HTML 标签自动重命名
HTML CSS Support
HTML CSS 补全
Path Intellisense
路径自动补全

数据库

插件
用途
Database Client
多数据库管理
MySQL
MySQL 管理
SQLTools
SQL 工具
MongoDB for VS Code
MongoDB

AI 辅助

插件
用途
GitHub Copilot
AI 代码补全
Tabnine
AI 代码补全(替代方案)
Codeium
免费 AI 代码补全
Continue
开源 AI 编码助手

实用工具

插件
用途
Todo Tree
查看 TODO/FIXME 注释
Bookmarks
代码书签
Project Manager
项目管理切换
Thunder Client
轻量 API 调试
REST Client
在编辑器里发 HTTP 请求
Markdown Preview Enhanced
Markdown 增强预览
Docker
Docker 管理
Remote - SSH
远程开发
Dev Containers
容器开发环境
Error Lens
行内错误显示

我的必备组合(10个)


常用快捷键(必记)

快捷键
作用
Cmd+P
搜索文件
Cmd+Shift+P
命令面板
Cmd+D
选中相同词
Alt+↑/↓
移动行
Cmd+/
注释切换
Ctrl+~
打开终端
Cmd+B
切换侧边栏
Cmd+Shift+F
全局搜索

设置同步

💡
推荐做法 VS Code 设置 → 登录 GitHub/Microsoft 账号 → 开启 Settings Sync,换电脑后自动恢复所有配置和插件。

相关笔记

  • [[Git 常用命令和使用场景]]
  • [[常用推荐 Skills]]

参考

上一篇
🌟【技术新手的专属导师】🌟 —— 您的PHP开发启蒙伙伴!
下一篇
CakePHP 开发接单笔记