VSCode 自用扩展分享（持续更新）

Mus2024-12-212026-02-01

下面推荐的扩展会按照 A-Z 的顺序进行排序，同 VSCode 名称排序结果。

提升开发效率

Bookmarks
书签。方便定位代码。
Code Runner
方便在 VSCode 中运行各种编程语言的代码。
Code Spell Checker
拼写检查扩展。用于检查代码中的拼写错误，帮助开发者保持代码的清晰和准确。
CodeSnap
捕捉代码片段，将其转为图像格式，方便分享。
Continue - Codestral, Claude, and more
开源的 AI 代码助手。
Error Lens
以颜色填充行背景的方式突出显示语言生成的诊断信息。
GitLens — Git supercharged

增强 VSCode 内置的 Git 功能，提供可视化查看 Git 操作等功能。
IntelliJ IDEA Keybindings
IDEA 键盘快捷键映射。使你在 VSCode 中获得近似 IDEA 的键盘快捷键使用体验。
Md Editor
支持预览和编辑 MarkDown 格式的文件，基本接近 Typora 的编辑体验。
Rainbow Brackets
用于为匹配的括号着色，提升代码阅读体验。
Path Intellisense
路径自动补全扩展，帮助开发者更快速的输入和补全文件路径。
Prettier - Code formatter
代码格式化工具。支持 JS、TS、JSON、CSS、HTML 等多种编程语言。
TODO Highlight
高亮代码中的 TODO、FIXME 等关键字。
TONGYI Lingma
阿里的通义灵码，提升编码效率。
Trailing Spaces
突出显示尾随空格。
XML
支持基于 LemMinX XML 语言服务器创建和编辑 XML 文档。用作 XML 格式化工具也不错。

提升使用体验

🌈 Rainbow Fart
在你编程时持续夸你写的牛逼的扩展。
会了吧
打开源码可以自动分析所有包含的英文单词，并显示解释结果，先学单词再看代码，用了会了吧，通通都会卡啦！
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
VSCode 官方中文扩展。
JetBrains Icon Theme
JetBrains的图标。
Material Icon Theme
Material Design风格图标，可以根据不同文件夹和文件类型显示不同图标，并且还可以自定义图标。
Monokai Night Theme
Monokai 风格的颜色主题，推荐选择 Monokai Night 。
VSCode Great Icons
包含200+图标的图标扩展。
vscode-icons
为文件和文件夹添加图标，以增强编辑器的可视化效果和可识别性。

前端开发相关

Auto Close Tag
自动添加结束标签。在 Vue 项目中支持自定义类型名称。
Auto Import
自动引入对应模块及路径。
Auto Rename Tag
自动重命名对应的闭合标签，保持代码的一致性。
colorize
给颜色代码增加一个当前匹配代码颜色的背景，帮助开发者快速区分颜色。
CSS Peek
帮助开发者更轻松地查找和导航 CSS 中的选择器和样式定义。
ESLint
代码质量工具。用于静态代码分析，帮助开发者遵循一定的编码规范，提高代码质量和可维护性。
HTML CSS Support
在 HTML 中提供对 CSS 的智能提示（显示所支持的样式），提高开发效率。
i18n Ally
i18n国际化时需要用到。
Iconify IntelliSense
显示 Iconify 具体图标。
Image preview
图片快速预览。鼠标悬浮即可预览，避免多个图片时频繁打开新页面。
Import Cost
显示模块导入大小的扩展。
JavaScript (ES6) code snippets
提供 JavaScript ES6 代码片段，帮助快速编写代码。
Live Preview
网页实时预览（仅适用于 HTML 网页），在编码时可实时查看效果。
Live Server
提供一个本地开发服务器，以便实时预览网页。支持热加载。
Manta’s Stylus Supremacy
Stylus 代码格式化工具，可以自定义代码风格。
Open In Default Browser
一个可以快速打开 HTML 文件的 VSCode 扩展。默认使用本地HTTP服务打开。
Pretty TypeScript Errors
使 TypeScript 的错误信息更易读、更人性化。
stylus（AlanCezarAraujo）
stylus 常见 css 代码提示（这个扩展能解决在 vue 文件中编写 stylus 没有代码提示的问题，虽然还不够智能，现阶段只能将就着用了）。
stylus（sysoev）
stylus 语法高亮显示，代码提示（这个功能在 vue 文件里无效，所以需要上面那个扩展来补充），色彩预览。
Svg Preview
SVG 文件预览扩展。支持缩放查看（按住CTRL + 滑动滚轮即可）

Vue

Vue - Official
原 Volar 扩展，现已是 Vue 官方推荐的 Vue3 开发扩展。
Vue 2 Snippets
专门为 Vue2 设计，提供大量代码片段，用于快速生成特定的 Vue2 代码结构。
Vue 3 Snippets
专门为 Vue3 设计，提供大量代码片段，用于快速生成特定的 Vue3 代码结构。
Vue Peek
允许开发者快速查看和导航 Vue 文件中的模板、脚本和样式部分。
Vue VSCode Snippets
快捷生成 Vue 骨架。
vue2-file-peek
Vue2 文件跳转扩展。支持从 Vue2 模版跳转到 Vue 文件中。

React

Simple React Snippets
用于快速生成React组件结构。

Rust

Dependi
依赖管理工具
Even Better TOML
帮助编写 toml 配置文件，并提供了代码高亮提示。
rust-analyzer
提供对Rust语言的支持。Rust 官方推荐的 VS Code Rust 扩展。

Tauri

Tauri
Tauri 官方的扩展。添加对 Tauri 命令和 JSON 验证的支持。

Java

Debugger for Java
Extension Pack for Java 捆绑扩展。用于调试 Java 时使用。
Extension Pack for Java
Java 扩展包是常用扩展的集合，可帮助在 Visual Studio Code 中编写、测试和调试 Java 应用程序。
Gradle for Java
在 VS Code 中管理 Gradle 项目。
IntelliCode
Extension Pack for Java 捆绑扩展。提供 AI 辅助开发功能，并提供基于理解代码上下文和机器学习的见解。
IntelliCode API Usage Examples
Extension Pack for Java 捆绑扩展。展示 API 的代码示例，可让您查看其他开发人员如何使用给定函数的真实示例。
Language Support for Java(TM) by Red Hat
Extension Pack for Java 捆绑扩展。提供对 Java 开发的支持。
Maven for Java
Extension Pack for Java 捆绑扩展。提升使用 Maven 的 Java 开发人员的用户体验。
Project Manager for Java
Extension Pack for Java 捆绑扩展。一个轻量级扩展，用于提供额外的 Java 项目资源管理器功能。
Red Hat Dependency Analytics
Red Hat 依赖关系分析。用于了解软件供应链中的安全问题。
Spring Initializr Java Support
用于在 VS Code 中快速生成 Spring Boot 项目。
Test Runner for Java
Extension Pack for Java 捆绑扩展。在 Visual Studio Code 中运行和调试 Java 测试用例。

VSCode Extension

Extension Test Runner
VSCode 扩展测试运行程序。

Kotlin

Kotlin
适用于 VSCode 的 Kotlin IDE。

Android

AVD Manager
适用于 VSCode 的 AVD 管理器 GUI。启动 Android Emulator 并管理 SDK 包，而无需接触 Android Studio😎。