VSCode 好用插件推荐

程序员Supers
121 阅读5分钟

VSCode 插件清单

一、插件导入

VSCode 开发插件完整汇总文档

文档说明

本文档汇总当前已安装全部VSCode插件，包含插件名称、官方ID、功能用途、分类标签；
支持一键批量安装命令，方便新环境快速复现开发配置。

批量安装总命令

Windows PowerShell / Mac / Linux 终端执行

code --install-extension junhanle.code-runner, sergii-ilenko.color-highlight, mikestead.dotenv, jakkapri.env, mhutchie.git-graph, redjue.git-commit-plugin, redhat.java, adamcaviness.monokai-dark-soda, nespinozacr.mysql-autocomplete, highagency.pencil, hoovercj.vscode-power-mode, esbenp.prettier-vscode, alibabacloud.tongyi-lingma, shaldie.background, ms-ceintl.vscode-language-pack-zh-hans, anthropic.claude-code, vscjava.vscode-java-debug, dbaeumer.vscode-eslint, vscjava.vscode-java-pack, waderyan.gitblame, donjayamanne.githistory, vscjava.vscode-gradle, ritwickdey.liveserver, yzane.markdown-pdf, yiyi.wang-markdown-preview-enhanced, philippkief.material-icon-theme, vscjava.vscode-maven, enoyao.open-browser-preview, rvest.prettier-eslint, vscjava.vscode-project-manager, ctri.srd-codefree, tencent-cloud.codebuddy, vue.volar, vscjava.vscode-test-runner

二、插件分类明细

1. Java 后端开发套件（核心）

插件名称插件ID功能描述
Language Support for Java(TM) by Red Hatredhat.javaJava语法提示、重构、代码检查，基础Java开发依赖
Debugger for Javavscjava.vscode-java-debugJava断点调试、变量监控、堆栈查看
Extension Pack for Javavscjava.vscode-java-packJava开发合集包，集成全套基础开发工具
Gradle for Javavscjava.vscode-gradleGradle项目管理，执行task、构建脚本提示
Maven for Javavscjava.vscode-mavenMaven项目管理，骨架生成、生命周期命令执行
Project Manager for Javavscjava.vscode-project-manager多Java工程快速切换、项目统一管理
Test Runner for Javavscjava.vscode-test-runnerJUnit/TestNG单元测试运行、调试、结果展示

2. Git 版本控制工具集

插件名称插件ID功能描述
Git Graphmhutchie.git-graph可视化Git提交图谱，分支切换、合并操作
git-commit-pluginredjue.git-commit-plugin标准化Git提交注释自动生成
Git Blamewaderyan.gitblame行级展示代码最后修改人、提交时间
Git Historydonjayamanne.githistory查看完整提交日志、单文件历史、版本对比

3. 前端开发 & Vue 框架

插件名称插件ID功能描述
Vue (Official)vue.volarVue官方.vue文件语法支持，Vue2/Vue3提示、格式化
Live Serverritwickdey.liveserver前端本地热更新服务器，静态页面实时刷新
Open Browser Previewenoyao.open-browser-preview一键调用默认浏览器预览页面

4. 代码格式化 & 规范校验

插件名称插件ID功能描述
Prettier - Code formatteresbenp.prettier-vscode通用代码格式化，统一JS/HTML/CSS/Vue排版
ESLintdbaeumer.vscode-eslintJS/TS代码语法、规范实时校验
Prettier ESLintrvest.prettier-eslint整合Prettier格式化+ESLint规范修复一体化

5. AI 编程助手（多厂商）

插件名称插件ID功能描述
Qoder CN (通义灵码)alibabacloud.tongyi-lingma阿里云AI编码，代码补全、生成、重构、注释
Claude Code for VS Codeanthropic.claude-codeAnthropic Claude大模型IDE插件，代码解析优化
SRD CodeFreectri.srd-codefree中国电信研究院国产AI编程助手
Tencent Cloud CodeBuddytencent-cloud.codebuddy腾讯云AI结对编程，Bug修复、代码优化

6. Markdown 文档工具

插件名称插件ID功能描述
Markdown PDFyzane.markdown-pdfMarkdown文档一键导出PDF文件
Markdown Preview Enhancedyiyi.wang-markdown-preview-enhanced增强预览，支持流程图、公式、多格式导出

7. 美化、主题、界面增强

插件名称插件ID功能描述
Monokai Dark Sodaadamcaviness.monokai-dark-soda深色代码主题，高对比度高亮配色
Material Icon Themephilippkief.material-icon-theme文件/文件夹彩色图标美化
backgroundshaldie.background自定义VSCode编辑器背景图片
Color Highlightsergii-ilenko.color-highlight代码内颜色值实时色块预览
Power Modehoovercj.vscode-power-mode敲代码火花、抖动特效，提升编码氛围感

8. 环境配置 & 数据库工具

插件名称插件ID功能描述
DotENVmikestead.dotenv.env环境变量文件语法高亮
ENVjakkapri.envenv文件格式化、语法校验增强
MySQL Autocompletenespinozacr.mysql-autocompleteSQL语句自动补全，MySQL语法提示

9. 通用运行、辅助工具

插件名称插件ID功能描述
Code Runnerjunhanle.code-runner多语言代码片段一键运行，支持Python/Shell/Java等
Chinese (Simplified) 简体中文语言包ms-ceintl.vscode-language-pack-zh-hansVSCode官方界面汉化包
Pencilhighagency.pencilPencil设计文件查看支持

三、使用说明

  1. 批量安装

    • 复制本文档「批量安装总命令」
    • 打开终端（VSCode内置终端/系统终端），粘贴执行
    • 等待全部插件自动下载安装完成，重启VSCode生效

  2. 单独安装某一个插件

    # 格式 code --install-extension 插件ID
code --install-extension vue.volar

  3. 图形化安装方式

    • Ctrl+Shift+P 打开命令面板，输入 Extensions: Install Extensions
    • 搜索框粘贴插件ID，点击安装
## 使用方法
1. 新建空白文本文档，将上方全部内容完整复制进去
2. 文件另存为 `vscode插件.md`，编码选择 UTF-8
3. 打开VSCode可直接预览、复制安装命令，新电脑一键部署全套开发环境

code方式安装无效

code --install-extension 插件id 这种方式执行安装无效。

code --install-extension ms-ceintl.vscode-language-pack-zh-hans
code --install-extension ms-ceintl.vscode-language-pack-zh-hans

正确安装方式

打开 VSCode 软件，进入扩展面板（Ctrl+Shift+X），在搜索框粘贴下方插件 ID，点击安装即可。可参照「二、插件分类明细」了解各插件用途。

序号插件 ID插件名称分类
1junhanle.code-runnerCode Runner通用运行、辅助工具
2sergii-ilenko.color-highlightColor Highlight美化、主题、界面增强
3mikestead.dotenvDotENV环境配置、数据库工具
4jakkapri.envENV环境配置、数据库工具
5mhutchie.git-graphGit GraphGit 版本控制工具集
6redjue.git-commit-plugingit-commit-pluginGit 版本控制工具集
7redhat.javaLanguage Support for Java(TM) by Red HatJava 后端开发套件
8adamcaviness.monokai-dark-sodaMonokai Dark Soda美化、主题、界面增强
9nespinozacr.mysql-autocompleteMySQL Autocomplete环境配置、数据库工具
10highagency.pencilPencil通用运行、辅助工具
11hoovercj.vscode-power-modePower Mode美化、主题、界面增强
12esbenp.prettier-vscodePrettier - Code formatter代码格式化、规范校验
13alibabacloud.tongyi-lingmaQoder CN (通义灵码)AI 编程助手
14shaldie.backgroundbackground美化、主题、界面增强
15ms-ceintl.vscode-language-pack-zh-hansChinese (Simplified) (简体中文) Language Pack for Visual Studio Code通用运行、辅助工具
16anthropic.claude-codeClaude Code for VS CodeAI 编程助手
17vscjava.vscode-java-debugDebugger for JavaJava 后端开发套件
18dbaeumer.vscode-eslintESLint代码格式化、规范校验
19vscjava.vscode-java-packExtension Pack for JavaJava 后端开发套件
20waderyan.gitblameGit BlameGit 版本控制工具集
21donjayamanne.githistoryGit HistoryGit 版本控制工具集
22vscjava.vscode-gradleGradle for JavaJava 后端开发套件
23ritwickdey.liveserverLive Server前端开发、Vue 框架
24yzane.markdown-pdfMarkdown PDFMarkdown 文档工具
25yiyi.wang-markdown-preview-enhancedMarkdown Preview EnhancedMarkdown 文档工具
26philippkief.material-icon-themeMaterial Icon Theme美化、主题、界面增强
27vscjava.vscode-mavenMaven for JavaJava 后端开发套件
28enoyao.open-browser-previewOpen Browser Preview前端开发、Vue 框架
29rvest.prettier-eslintPrettier ESLint代码格式化、规范校验
30vscjava.vscode-project-managerProject Manager for JavaJava 后端开发套件
31ctri.srd-codefreeSRD CodeFreeAI 编程助手
32tencent-cloud.codebuddyTencent Cloud CodeBuddyAI 编程助手
33vue.volarVue (Official)前端开发、Vue 框架
34vscjava.vscode-test-runnerTest Runner for JavaJava 后端开发套件
avatar
文章
阅读
粉丝