鸭梨公共文档

主题

VS Code 插件及推荐列表 ​

VS Code 插件 ​

安装插件最简单的方法是直接在市场中搜索。不过也可以使用命令安装：

bash
code --install-extension {EXTENSION_ID|VSIX_PATH}

卸载插件：

bash
code --uninstall-extension {EXTENSION_ID}

查询已安装的插件：

bash
code --list-extensions

如果需要包含版本，加上 --show-versions 标志即可：

bash
code --list-extensions --show-versions

手动备份插件配置（如果需要包含版本加上 --show-versions 即可）：

bash
code --list-extensions > extensions-list.txt

恢复备份：

bash
awk '{ print "code --install-extension " $1; }' extensions-list.txt | sh -

如何在 Windows 使用 Linux GNU 工具

安装 Git 后将 Git 携带的 GNU 软件路径（如 C:\Program Files\Git\usr\bin）加入路径即可。

通用扩展 ​

推荐安装 ​

bash
# 简体中文
code --install-extension MS-CEINTL.vscode-language-pack-zh-hans
# Material 风格图标
code --install-extension PKief.material-icon-theme
# .editorconfig 文件支持
code --install-extension EditorConfig.EditorConfig
# Git 历史
code --install-extension donjayamanne.githistory
# 路径智能提示
code --install-extension christian-kohler.path-intellisense
# 拼写检查
code --install-extension streetsidesoftware.code-spell-checker
# 依赖检查
code --install-extension fill-labs.dependi
# Markdown All in One
code --install-extension yzhang.markdown-all-in-one

功能性插件 ​

bash
# 代码截图
code --install-extension huibizhang.codesnap-plus
# 粘贴 JSON 为代码
code --install-extension quicktype.quicktype
# HEX 编辑器
code --install-extension ms-vscode.hexeditor
# 选中数字递增
code --install-extension albymor.increment-selection
# YAML 文件支持
code --install-extension redhat.vscode-yaml
# XML 文件支持
code --install-extension DotJoshJohnson.xml
# TOML 文件支持
code --install-extension tamasfe.even-better-toml
# Nginx 文件支持
code --install-extension ahmadalli.vscode-nginx-conf
# DotENV 文件支持
code --install-extension mikestead.dotenv
# Protobuf 文件支持
code --install-extension zxh404.vscode-proto3
# PDF 预览
code --install-extension tomoki1207.pdf
# OpenAPI/Swagger 文件支持
code --install-extension 42Crunch.vscode-openapi

Git 扩展 ​

bash
# GitLens
code --install-extension eamodio.gitlens
# Git 历史
code --install-extension donjayamanne.githistory

VS Code 主题和语言 ​

bash
# Material 风格图标
code --install-extension PKief.material-icon-theme
# 简体中文
code --install-extension MS-CEINTL.vscode-language-pack-zh-hans

AI 扩展 ​

bash
# IntelliCode
code --install-extension VisualStudioExptTeam.vscodeintellicode
# IntelliCode 代码补全
code --install-extension VisualStudioExptTeam.vscodeintellicode-completions
# GitHub Copilot
code --install-extension GitHub.copilot
code --install-extension GitHub.copilot-chat
# 通义灵码
code --install-extension Alibaba-Cloud.tongyi-lingma
# Blackbox
code --install-extension Blackboxapp.blackbox
# Amazon Q
code --install-extension AmazonWebServices.amazon-q-vscode
# TabNine
code --install-extension TabNine.tabnine-vscode
# CodeGPT
code --install-extension DanielSanMedium.dscodegpt
# ChatGPT VS Code
code --install-extension genieai.chatgpt-vscode
# Codeium
code --install-extension Codeium.codeium
# Bito
code --install-extension Bito.Bito
# Cody AI
code --install-extension sourcegraph.cody-ai

容器和远程开发 ​

bash
# WSL 开发
code --install-extension ms-vscode-remote.remote-wsl
# 远程开发套件
code --install-extension ms-vscode-remote.remote-ssh
code --install-extension ms-vscode-remote.remote-ssh-edit
code --install-extension ms-vscode.remote-explorer
code --install-extension ms-vscode.remote-repositories
code --install-extension ms-vscode-remote.remote-containers
code --install-extension ms-vscode.azure-repos
# Docker
code --install-extension ms-azuretools.vscode-docker
# Kubernetes
code --install-extension ms-kubernetes-tools.vscode-kubernetes-tools

GitHub ​

bash
# GitHub Pull Requests
code --install-extension GitHub.vscode-pull-request-github
# GitHub Actions
code --install-extension GitHub.vscode-github-actions
# GitHub 远程仓库
code --install-extension GitHub.remotehub

前端和 Node.js ​

CSS 和样式工具 ​

bash
# 颜色高亮
code --install-extension naumovs.color-highlight
# Iconify 图标支持
code --install-extension antfu.iconify
# Tailwind CSS 支持
code --install-extension bradlc.vscode-tailwindcss
# UnoCSS 支持
code --install-extension antfu.unocss

代码检查和格式化 ​

bash
# ESLint 支持
code --install-extension dbaeumer.vscode-eslint
# Prettier 支持
code --install-extension esbenp.prettier-vscode
# Stylelint 支持
code --install-extension stylelint.vscode-stylelint

Vue ​

bash
# Vue 语言支持
code --install-extension Vue.volar
# Nuxt 扩展包
code --install-extension Nuxtr.nuxt-vscode-extentions
# Nuxt 命令工具
code --install-extension Nuxtr.nuxtr-vscode

React ​

bash
# React 语言支持
code --install-extension jpoissonnier.vscode-styled-components
# React 代码片段
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension xabikos.ReactSnippets
# React TypeScript 支持
code --install-extension infeng.vscode-react-typescript

其他实用工具 ​

bash
# Figma 原型支持
code --install-extension figma.figma-vscode-extension
# TypeScript 别名跳转源文件
code --install-extension antfu.goto-alias
# i8n Ally 国际化支持
code --install-extension Lokalise.i18n-ally
# Prisma 支持
code --install-extension Prisma.prisma
# MDC 语法高亮
code --install-extension Nuxt.mdc
# Deno 支持
code --install-extension denoland.vscode-deno
# 依赖检查
code --install-extension fill-labs.dependi

MarkDown ​

bash
# markdownlint
code --install-extension DavidAnson.vscode-markdownlint
# Markdown All in One
code --install-extension yzhang.markdown-all-in-one
# Mermaid 支持
code --install-extension bierner.markdown-mermaid
code --install-extension bpruitt-goddard.mermaid-markdown-syntax-highlighting

Python ​

bash
# Python 语言支持
code --install-extension ms-python.python
# Ruff 格式化
code --install-extension charliermarsh.ruff
# Black 格式化
code --install-extension ms-python.black-formatter
# isort 导入排序
code --install-extension ms-python.isort
# Jupyter 笔记本
code --install-extension ms-toolsai.jupyter
# 依赖检查
code --install-extension fill-labs.dependi

C/C++ ​

bash
# C++ 语言扩展包
code --install-extension ms-vscode.cpptools-extension-pack
# Better C++ Syntax
code --install-extension jeff-hykin.better-cpp-syntax
# CMake
code --install-extension ms-vscode.cmake-tools
code --install-extension josetr.cmake-language-support-vscode
code --install-extension cheshirekow.cmake-format

Java 开发 ​

bash
# Java 语言扩展包
code --install-extension vscjava.vscode-java-pack
# Kotlin 语言支持
code --install-extension fwcd.kotlin

Rust ​

bash
# Rust 语言支持
code --install-extension rust-lang.rust-analyzer
# Rust 语法高亮
code --install-extension dustypomerleau.rust-syntax
# TOML 文件支持
code --install-extension tamasfe.even-better-toml
# 依赖检查
code --install-extension fill-labs.dependi

Go ​

bash
# Go 语言支持
code --install-extension golang.Go

Shell 脚本 ​

bash
# Shell 文件格式化
code --install-extension foxundermoon.shell-format

数据库 ​

bash
# SQL 格式化
code --install-extension adpyke.vscode-sql-formatter
# SQLite 数据库可视化
code --install-extension qwtel.sqlite-viewer

其他特定工具 ​

Qt ​

bash
# Qt 语言支持
code --install-extension theqtcompany.qt

嵌入式开发 ​

bash
# Verilog HDL 语言支持
code --install-extension mshr-h.veriloghdl
# PlatformIO IDE
code --install-extension platformio.platformio-ide

趣味插件 ​

bash
# TypeScript 类型体操挑战
code --install-extension YRM.type-challenges