README.md master

在 GitHub 上查看

英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

精心整理的令人愉快的 Visual Studio Code 插件和资源列表。想要更多精彩内容，请查看 awesome。

官方

语法

语言包通过为特定语言或文件格式提供语法高亮和/或代码片段来扩展编辑器。

从其他编辑器迁移

VSCode 团队提供了来自流行编辑器的快捷键映射，使迁移到 VSCode 几乎无缝且轻松。

Migrating from Vim

Vim 模式 - VS Code 中最流行的 Vim 模拟器：支持模式编辑、动作，并兼容许多流行 Vim 插件。

Migrate from Atom

Visual Studio Code 的流行 Atom 快捷键绑定

Migrating from Sublime Text

VS Code 的流行 Sublime Text 快捷键绑定。

Migrate from Visual Studio

VS Code 的流行 Visual Studio 快捷键绑定。

Migrating from IntelliJ IDEA

VS Code 的流行 Intellij IDEA 快捷键绑定。

Migrate from Xcode

VS Code 的流行 Xcode 快捷键绑定。

骆驼峰

就像使用 Visual Studio 和 Resharper 或 Intellij IDEA 一样

使用 VS Code 进行特定技术开发

微软创建了一系列针对使用 VS Code 进行特定技术开发的教程（主要是 Web 技术）。

请务必在 Microsoft/vscode-recipes 访问它

Lint 和 IntelliSense

如果强大的 lint 功能尚未向你开放：

lint 最初是指一个程序的名称，该程序可以标记 C 语言源代码中一些可疑且不可移植的结构（可能是错误）。目前该术语已被广泛用于指代任何计算机语言编写的软件中标记可疑用法的工具。

与其他一些编辑器不同，VS Code 开箱即支持 IntelliSense、lint 和大纲功能，并且无需单独的扩展即可运行 lint 工具包。一些 lint 工具已集成在 VS Code 中，你可以在官方文档 Languages 部分找到完整列表。

1C

1C/OScript - 在 VSC 中提供丰富的 1С:Enterprise 8 (BSL) 语言支持 - 为 VSC 中的 .bsl 和 .os 文件添加语法高亮，提供 IntelliSense 和 1С 语言的语法辅助

AutoHotkey

Bash

C

C/C++ - 由Microsoft提供的C/C++ IntelliSense、调试和代码浏览；请参见官方文档
Clangd - 使用clangd为VS Code提供C/C++语言IDE功能：代码补全、编译错误和警告、跳转到定义和交叉引用、包含管理、代码格式化、简单重构。
gnu-global-tags - 利用GNU Global工具为C/C++提供IntelliSense。

Microsoft关于使用VSCode进行远程C/C++开发的教程

C#、ASP .NET 和 .NET Core

C# - C# 扩展，由Microsoft提供，详细信息请阅读官方文档
C# Extensions - 为IDE提供扩展，提升开发工作流程速度。
MSBuild 项目工具
VSCode 解决方案资源管理器
.NET Core 测试资源管理器

Clojure

Calva

集成REPL、代码检查、行内评估、测试运行器等功能。由Cider & nRepl提供支持。

CSS

CSS Peek

直接从HTML查看或跳转到CSS定义，就像在Brackets中一样！

stylelint - 检查CSS/SCSS。
Tailwind CSS IntelliSense - Tailwind CSS的自动补全、代码检查和悬停预览。
Autoprefixer 解析 CSS、SCSS、LESS 并自动添加浏览器前缀。
Intellisense for CSS class names - 为 HTML 的 class 属性提供基于工作区中 CSS 文件的类名自动补全。同时也支持 React 的 className 属性。

去

Go - Go 语言的丰富语言支持。

酷

VsCode Groovy Lint - Groovy 语法检查、格式化、美化及自动修复

哈斯克尔

Haskell - 官方 Haskell 支持，由 Haskell 语言服务器 (HLS) 提供支持；取代了此前的 Haskell IDE 引擎和 haskell-linter。

HLSL

HLSL 工具 - 在 VS Code 中为编辑 HLSL 文件提供丰富的语言支持

壳

自动补全 Shell

Java

JavaScript

TS/JS 后缀补全
Babel JavaScript
Visual Studio IntelliCode - 此扩展提供 AI 辅助开发功能，包括基于理解代码上下文的自动完成和其他洞察。

在这里查看这两者的区别

代码检查工具

eslint - 用于 eslint 的代码检查器。
XO - 用于 XO 的代码检查器。
AVA - AVA 的代码片段。
Prettier - 面向 Prettier 的意见型代码格式化工具。
代码拼写检查器 - Visual Studio Code 的拼写检查器（英语）。也通过外部扩展支持其他语言。
Schema.org 代码片段 - Schema.org 代码片段。

框架特定

Vue - 官方 - 官方 Vue 语言支持（Volar）。取代 Vetur（现为维护模式）。

Chrome 调试器

⚠️ 已弃用 — 在 Chrome/Edge 中调试 JavaScript 现在集成在 VS Code 中，使用内置的 JavaScript 调试器，因此不再需要此扩展。

Facebook 流程

Flow 语言支持 - 提供你期望的所有功能——代码检查、智能感知、类型提示和点击跳转定义
vscode-flow-ide - Visual Studio Code 的另一个 Flowtype 扩展

TypeScript

TSLint 已于 2019 年停止维护 — 使用 ESLint 配合 typescript-eslint 来进行 TypeScript 的代码检查。

MATLAB

此扩展提供在 Visual Studio® Code 中编辑 MATLAB® 代码的支持，包括语法高亮、代码分析、导航支持等功能。

未安装 MATLAB 时：

语法高亮
代码片段
注释
代码折叠

安装 MATLAB 后：

自动代码完成
源代码格式化（文档格式化）
代码导航
代码分析，例如持续代码检查和自动修复

Markdown

PHP

PHP 工具

PHP 语言的丰富支持：语法检查、调试、智能感知、自动补全、代码格式化、重构、单元测试、性能分析等。

智能感知

PHP Intelephense - PHP 语言的事实标准语言服务器：自动补全、诊断、转到定义等。（之前由 felixfbecker 提供的 PHP IntelliSense 已停用）

Laravel

Laravel 5 Snippets - Visual Studio Code 的 Laravel 5 代码片段
Laravel Blade Snippets - Laravel Blade 代码片段和语法高亮支持
Laravel Model Snippets - 使用 Laravel Model Snippets 快速启动模型开发。
Laravel Artisan - 在 Visual Studio Code 中使用 Laravel Artisan 命令
DotENV - 支持 dotenv 文件语法
Laravel Pint - 运行并配置 Laravel Pint，这是一个为 Laravel 提供的有观点的 PHP 代码风格修复工具。

小树枝

Twig 语言 2

要在 .twig 文件中启用 Emmet 支持，您需要在设置中包含以下内容：

{
  "emmet.includeLanguages": {
    "twig": "html"
  }
}

聪明

其他扩展

在 PHP 中格式化 HTML - 用于 PHP 文件中 HTML 的格式化。在保存操作前运行，因此您仍然可以使用 PHP 格式化工具。
作曲家
PHP 创建类 - 从上下文菜单创建 PHP 类、接口、特性和枚举。
PHP 调试 - Visual Studio Code 的 XDebug 扩展
PHP DocBlocker
php cs fixer - VS Code 的 PHP CS Fixer 扩展，PHP 格式化器，PHP 代码美化工具
phpcs - Visual Studio Code 的 PHP 代码规范检查工具
phpfmt - Visual Studio Code 的 phpfmt

POV-Ray

POV-Ray - Persistence of Vision 光线追踪器 (POV-Ray) 扩展，包含常用 POV-Ray 场景元素的语法高亮和代码片段，可在 Visual Studio Code 中渲染当前场景

Python

Python - 代码检查、调试（多线程、Web 应用）、智能感知、自动补全、代码格式化、代码片段、单元测试等功能。

TensorFlow

TensorFlow 代码片段 - 该扩展包含一套用于在 Visual Studio Code 中开发 TensorFlow 模型的实用代码片段。

ReasonML

ReasonML - 智能感知、代码格式化、重构、代码透镜等

红宝石

endwise - 在输入时自动向 Ruby 代码块添加 end。

锈

rust-analyzer - 语法检查、自动完成、代码格式化、代码片段等

地形改造

Terraform - Hashicorp Terraform 的语法高亮、语法检查、格式化和验证

GitHub

GistPad

允许你在编辑器中完全管理 GitHub Gists。你可以打开、创建、删除、分叉、收藏和克隆 gists，然后无缝开始编辑文件，就像它们是本地文件一样。这就像你自己的开发者库，用于构建和参考代码片段、常用配置/脚本、编程相关的笔记/文档以及交互式示例。

GitHub 拉取请求监视器

此扩展使用 GitHub API 监控你的拉取请求状态，并在可以合并或有人请求更改时通知你。

生产力

ARM 模板查看器

显示 Azure 资源管理器 (ARM) 模板的图形预览。视图将显示带有官方 Azure 图标的所有资源，以及资源之间的链接。

Azure 物联网工具包

Azure 物联网开发所需的一切：与 Azure IoT Hub 交互，管理连接到 Azure IoT Hub 的设备，并使用 Azure IoT Hub 的代码片段进行开发

Microsoft Edge 工具

在 VS Code 内部直接使用 Microsoft Edge 浏览器的开发者工具（元素、网络、控制台）和内嵌浏览器预览。

Dendron

一个可以将 Visual Studio Code 变成 PKM 工具的扩展，具有优秀的用户体验，使用 Markdown 文件组织和引用任意数量的知识。不论你使用 PARA 或 Zettelkasten 组织笔记，像 Roam 一样链接笔记，还是简单地以临时方式创建笔记，Dendron 都可以提供帮助。可以把它看作是帮助你理解所有关键信息的第二大脑。额外功能：如果使用 dendron-cli，Dendron 还可以通过 NextJS 发布静态网站。

切换

通过你喜欢的快捷键切换任何 VS Code 设置。

用快捷键切换 typescript.inlayHints.functionLikeReturnTypes.enabled 的示例：

ES7 React/Redux/GraphQL/React-Native 代码片段

提供 ES7 中的 Javascript 和 React/Redux 代码片段

GitLens

提供 Git CodeLens 信息（最近提交、作者数量）、按需行内归属注释、状态栏归属信息、文件和归属历史浏览器，以及比较工作区或先前版本更改的命令。

GitLab 工作流

添加 GitLab 侧栏图标以查看问题、合并请求和其他 GitLab 资源。你还可以查看 GitLab CI/CD 管道的结果并检查 .gitlab-ci.yml 的语法。

图标字体

流行图标字体的代码片段，例如 Font Awesome、Ionicons、Glyphicons、Octicons、Material Design Icons 等等！

导入大小

此扩展将在编辑器中内联显示导入包的大小。该扩展利用 webpack 和 babili-webpack-plugin 来检测导入的大小。

Jira 和 Bitbucket

将 Jira 和 Bitbucket 的功能带入 VS Code —— 使用 Atlassian for VS Code，您可以创建和查看问题，开始处理问题，创建拉取请求，进行代码审查，启动构建，获取构建状态等！

查找-跳转

基于标签的快速光标移动 — 只需输入几个字符即可跳转到可见位置（类似 Atom 的 Jumpy）。

看板

用于 Visual Studio Code 的简单看板，支持时间跟踪和 Markdown。

VSCode 的 ngrok

ngrok 允许您将本地运行的 Web 服务器暴露到互联网上。只需告诉 ngrok 你的 Web 服务器监听的端口即可。此扩展允许您从 VSCode 命令面板控制 ngrok。

即时 Markdown

简单地在 VSCode 中编辑 Markdown 文档，并在输入时立即在浏览器中预览。

npm 智能感知

Visual Studio Code 插件，可在 import 语句中自动补全 npm 模块。

部分差异

比较（diff）文件内选中文本、不同文件之间的文本或剪贴板内容。

增强工具

通过基于 Node.js 的脚本或 shell 命令扩展 Visual Studio Code，而无需编写单独的扩展。

PrintCode

PrintCode 将正在编辑的代码转换为 HTML 文件，通过浏览器显示并打印。

项目仪表板

VSCode 项目仪表板是一个 Visual Studio Code 扩展，它让你以快捷方式的方式组织你的项目。将常用的文件夹、文件和 SSH 远程连接固定到仪表板上，以便快速访问它们。

彩虹 CSV

在逗号、制表符、分号和管道分隔的文件中突出显示列，进行一致性检查和使用 CSVLint 进行 lint 检查，多光标列编辑，列修剪和重新对齐，以及使用 RBQL 进行 SQL 风格查询。

远程开发

允许用户在容器、远程机器、容器或 Windows 子系统（WSL）中打开任何文件夹，并充分利用 VS Code 的全部功能集。

REST 客户端

允许你直接在 Visual Studio Code 中发送 HTTP 请求并查看响应。

文本强力工具

文本操作的一体化扩展：过滤（grep）、删除行、插入数字序列和 GUID、将内容格式化为表格、大小写转换、数字转换等。非常适合在日志中查找信息和操作文本。

待办事项树

自定义 TODO 注释的关键字、突出显示和颜色，以及一个侧边栏来查看你所有的当前标签。

WakaTime

自动时间跟踪器和生产力仪表板，显示你在每个项目、文件、分支和语言中编写代码的时间。

定时

时间转换扩展，可在各种格式之间转换时间戳并按需插入或仅显示它们。它还提供了一个整洁的悬停提供程序，可以立即美化纪元时间戳。所有功能高度可定制。

httpYac

直接在 VS Code 中发送 HTTP、REST、GraphQL、gRPC、WebSocket 和 MQTT 请求。

开发数据库

一个零配置的数据库 GUI，可以自动加载并让你直接在 VS Code 内浏览数据库。

Trunk

元 Linter 和格式化工具，可以从一个配置运行和管理多个 Linter/格式化工具，还包括检查、测试和合并工具。

孔雀

微妙地更改 VS Code 工作区的颜色——非常适合区分相同的窗口或单仓库项目。

格式化与美化

Better Align

按冒号(:)、赋值(=, =,-=,*=,/=) 和箭头(=>) 对齐代码。它还支持逗号优先编码风格和尾随注释。

而且它不需要你选择要对齐的内容，这个扩展会自己识别。

自动重命名标签

原生设置，只需在你的 settings.json 文件中添加 "editor.linkedEditing": true

自动重命名成对的 HTML/XML 标签

html2pug

在你的 Visual Studio Code 内将 html 转换为 pug，再也不用使用外部页面。

资源管理器图标

未分类

代码运行器

运行多种语言的代码片段或代码文件：C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# 脚本, C# 脚本, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml 脚本

SFTP

通过 SFTP/FTP 将文件同步到远程服务器，支持保存时上传、差异比较和远程浏览。是原 liximomo SFTP 扩展的维护继任者。

PlatformIO IDE

官方 PlatformIO IDE：支持 1000 块开发板及多种平台和框架的跨平台嵌入式/物联网开发生态系统，支持构建、调试和单元测试。

Quokka

用于 JavaScript 和 TypeScript 的快速原型开发工作区，可在 VS Code 中访问项目文件，进行行内报告、代码覆盖以及丰富的输出格式化。

SVG

一个强大的 SVG 语言支持扩展（测试版）。几乎包含处理 SVG 所需的所有功能。

文本标记器（荧光笔）

同时用不同颜色高亮多个文本模式。高亮单个文本模式可以通过编辑器的搜索功能完成，但无法同时高亮多个模式，这时该扩展就非常有用。

JFrog

为您的 VS Code IDE 添加 JFrog Xray 项目依赖扫描。它允许开发者直接在 VS Code IDE 中查看显示组件及其依赖关系漏洞信息的面板。该扩展还允许开发者在代码构建、测试和在 CI 服务器上扫描时跟踪状态。

SARIF 浏览器

对 SARIF 文件中的静态分析结果进行分类处理：查看、分组、过滤和注释发现。由 Trail of Bits 提供。

文档查看器

直接在 VS Code 内查看 Word、Excel、PDF、Markdown 和 CSV 文件。

主题

用户界面

如果你觉得勇敢，VS Code 至少有两个自定义用户界面：

Essence

语法

由 Mahmoud Ali 提供的 Atom One Dark 主题

基于 Atom 的 One Dark 主题。

Ayu 由 teabyii 提供

一个简单的主题，颜色明亮，并提供三种版本——暗色、亮色和海市蜃楼，适合全天舒适工作。

Alexander Eckert 的 Borealis 主题

VS Code 主题，灵感来自阿拉斯加极光的宁静色彩。

Captain Sweetheart 由 ultradracula 创作

坚韧但甜美的主题。

由 nopjmp 和 sailorhg 制作的 Fairy Floss

由 sailorhg 制作的有趣的紫色为基调的粉彩/糖果/白日梦风格的 Fairyfloss 主题。

Jellybeans 主题由 Dimitar Nonov 提供

Visual Studio Code 的 Jellybeans 主题。

Material Palenight 主题，由 whizkydee 提供

一个优雅而丰富的类 Material 风格主题，适用于 Visual Studio Code。

azemoh 的 One Monokai

一个流行的免费 Monokai 主题用于 Visual Studio Code，将 Monokai 与 Atom 的 One Dark 相融合。

Sarah Drasner 的《夜猫子》

一个为夜猫子准备的 VS Code 主题。白天使用也很合适，但此主题专为那些喜欢熬夜编程的人精心调整。颜色选择考虑了色盲人群和低光环境的可访问性。决策也基于阅读理解的有效对比，并为最佳的视觉效果进行了优化。 ✨

Nord by arcticicestudio

一个极地风格、北方蓝色调的干净且优雅的 Visual Studio Code 主题。

Ahmad Awais 的紫色阴影

⚡ 一个专业主题，具有精心挑选和大胆的紫色阴影 💜，适合搭配你的 VS Code。一个具有风格的自定义 VS Code 主题。

由 smlombardi 创建的史莱姆主题

一个用于 Visual Studio Code 的暗色语法/工作台主题——针对 SCSS、HTML、JS、TS、Markdown 和 PHP 文件进行了优化。

关注的人

VS Code 社区中各种人的 Twitter 账号列表

@code - 官方 VS Code 推特
@auchenberg - VS Code 项目经理
@BenjaminPasero - VS Code Developer
@chrisdias - VS Code 项目经理
@_clarkio - Azure 开发者倡导者。VS Code 版本高亮视频的创建者
@eamodio - GitLens 的创造者
@ErichGamma - VS Code 开发者
@IsidorN - VS Code Developer
@joaomoreno - VS Code 开发者
@lannonbr - vscode.rocks 和 JS 参数注释扩展的创建者
@maeschli - VS Code Developer
@mattbierner - VS Code 开发者
@MrAhmadAwais - JS/WordPress 核心开发者。VSCode.pro 课程和 Shades of Purple 主题的创建者
@ramyanexus - VS Code 开发者。Go 扩展的维护者
@Tyriar - VS Code 开发者。xterm.js 的创建者

扩展开发者资源

文档

Better Comments - Better Comments 扩展将帮助你在代码中创建更友好的人类可读评论。
Visual Studio Code API 部分的官方文档

库

typed-vscode - 从你的扩展清单的贡献点生成类型

工具

Live Share - Visual Studio Live Share 使你能够实时与他人协作编辑和调试，无论你使用什么编程语言或构建什么类型的应用。
在线 TextMate 主题编辑器 - 由于 VS Code 支持 TextMate 主题，你可以在这个在线编辑器中创建主题，然后使用 Yo Code 工具创建一个新的 VS Code 包
Yo Code - 扩展生成器
在 Code 中打开 - macOS Finder 工具栏应用，用于在 Visual Studio Code 中打开当前文件夹
Themer - 轻松为 VS Code 创建你自己的主题（并为你的其他工具创建匹配的主题）。
Azure 工具 - 微软官方的 Azure 扩展包，捆绑了操作 Azure 资源所需的核心 Azure 扩展，可直接在 VS Code 中使用。
Markdown 预览 - Markdown Preview Enhanced 是一个扩展，为你提供很多有用功能，如自动滚动同步、数学排版、Mermaid、PlantUML、Pandoc、PDF 导出、代码块、演示文稿写作等。许多想法灵感来自 Markdown Preview Plus 和 RStudio Markdown。

在线课程

Visual Studio Code 高级用户课程（商业）

在使用 Sublime Text 十年后，Ahmad Awais 转向 VSCode，创建了 Shades of Purple 主题，并花费超过 1000 小时完善他的设置。他推出了 VSCode 高级用户课程，帮助你今天就切换。你可以将之前编辑器的所有自定义设置带入课程中，并学习 HTML/CSS、Git/GitHub 和开源、强化 Markdown 以及从 JavaScript 到 PHP、Go、Python、C、C#、ROR 的高级用户工作流程。在本课程中，你还将学习安装/设置 50 个扩展。

VSCode.pro - 📺 超大五小时 65 个视频的 VSCode 课程。
Ahmad Awais - 🙌 Shades of Purple 主题的创建者。WP/JS 核心开发者。开源软件开发倡导者。

贡献

欢迎贡献！请先阅读贡献指南。

许可

我在此存储库中向您提供代码和资源，并采用开源许可。因为这是我的个人存储库，所以您获得的代码和资源许可来自我本人，而非我的雇主（微软）。

在法律允许的范围内，Valerii Iatsko 已放弃对本作品的所有版权及相关或相邻权利。

本文标题：awesome-vscode - 🎨 精心挑选的令人愉快的 VS Code 插件和资源
本文链接：https://cn121.com/editor/viatsko-awesome-vscode.html
原项目：viatsko/awesome-vscode　版权归原作者 viatsko 及贡献者所有
收录信息：本站于 2026-10-11 收录本项目，本页所列协议与仓库指标均为收录当时的状态；该日期之后原项目的版本更新与协议变更，本页不作同步。
开源协议：收录时本项目采用 CC0-1.0（查看 LICENSE 原文），本站转载其原始文档（未改动文字，仅剔除图片与无关章节）；使用、修改、分发请以该仓库 LICENSE 原文为准。
站点出处：本文首发于 OneTwoOne，收录自 GitHub 开源项目 viatsko/awesome-vscode。
内容说明：本页正文为原项目 README 原文（英文），本站后续会翻译为中文（当前尚未译出，仅将二级标题译为中文，便于按栏目定位；标题原文可在下方原仓库中查看），仅剔除了图片与赞助等无关章节、并把相对链接改为绝对地址；页首简介为机器翻译自仓库描述。
引用声明：商业转载、第三方聚合或 AI 检索训练引用时，请务必保留以上来源出处、本文永久链接，以及原项目的版权声明与许可信息。
下架通道：若原项目此后变更或收紧了许可协议、或作者／权利人认为本站的收录方式（译文、排版适配、简介翻译等）超出其授权范围，请通过 xyd3302001@163.com 发送下架通知，并附上项目地址与本页链接。本站核实后将第一时间删除本页内容，或改为不复制原文的目录性收录；署名更正等其他要求可一并提出。

awesome-vscode

官方

语法

从其他编辑器迁移

Migrating from Vim

Migrate from Atom

Migrating from Sublime Text

Migrate from Visual Studio

Migrating from IntelliJ IDEA

Migrate from Xcode

骆驼峰

使用 VS Code 进行特定技术开发

Lint 和 IntelliSense

1C

AutoHotkey

Bash

C

更多

C#、ASP .NET 和 .NET Core

Clojure

CSS

去

酷

哈斯克尔

HLSL

壳

Java

JavaScript

代码检查工具

框架特定

Facebook 流程

TypeScript

Markdown

PHP

智能感知

Laravel

小树枝

聪明

其他扩展

阅读更多

POV-Ray

Python

TensorFlow

ReasonML

红宝石

锈

地形改造

GitHub

生产力

格式化与美化

自动重命名标签

资源管理器图标

未分类