[扩展推荐] VSCode - Visual Studio Code

jetsung

Visual Studio Code 插件推荐

软件安装

正式版： https://code.visualstudio.com/
领先版： https://code.visualstudio.com/insiders/

插件站

微软官方： https://marketplace.visualstudio.com/
开源社区： https://open-vsx.org/

ext install extensionID

vscode:extension/extensionID

官方 VS Code CLI 提供的 .vsix 导出

code --install-extension ms-python.python
code --list-extensions
code --export-extensions > extensions.txt
code --uninstall-extension ms-python.python
code --install-extension ms-python.python --force --install-from-vsix path/to/file.vsix

VSIX 文件安装方法

# 安装 .vsix 扩展到当前 VS Code 环境
code --install-extension my-extension.vsix

# 如果你在容器或服务器中使用 code-server，请使用：
code-server --install-extension my-extension.vsix

https://github.com/un4gt/vscer
vscer 扩展下载命令行工具

vscer -i <EXTID>

常用开发

必选

ultram4rine.vscode-choosealicense
codezombiech.gitignore
EditorConfig.EditorConfig
HashiCorp.HCL
redhat.vscode-yaml
tamasfe.even-better-toml

42Crunch.vscode-openapi
humao.rest-client
rangav.vscode-thunder-client
usernamehw.errorlens
vstirbu.vscode-mermaid-preview
formulahendry.code-runner
fill-labs.dependi
nefrob.vscode-just-syntax
BlueGlassBlock.better-json5

Git

felipecaputo.git-project-manager
donjayamanne.githistory

可选

ms-vscode.hexeditor
mechatroner.rainbow-csv
wangzy.sneak-mark
karunamurti.tera
zxh404.vscode-proto3
kangping.protobuf

Vibe Coding

Augment.vscode-augment
Codeium.codeium
google.geminicodeassist
anthropic.claude-code
TabNine.tabnine-vscode

Alibaba-Cloud.tongyi-lingma
Tencent-Cloud.coding-copilot
BaiduComate.comate
MarsCode.marscode-extension
AMiner.codegeex

国产编程助手这些个废物，不推荐使用。以下我说说这些个国产编程助手的各种问题。

百度的 Comate：
- Zulu 修改网页内容后，不知道在哪里“采纳”，只有“拒绝”可以选。
- 输入框不支持输入中文（Ubuntu + fcitx）

阿里的通义千问：

插件安装后，无法登录。无论怎么点都不生效。等了很久，才弹出提示：

    通义灵码启动异常，可点击按钮进行一键修复，如仍无法解决，请参考问题排查指南，或加入通义灵码支持群（钉钉群号：53770000738）咨询。

点一键修复后，倒是能登录了。

Docker / CI

ms-azuretools.vscode-containers
ms-azuretools.vscode-docker
docker.docker
github.vscode-github-actions
exiasr.hadolint

Shell

EXTS="timonwong.shellcheck Remisa.shellman shakram02.bash-beautify foxundermoon.shell-format"

Python

EXTS="ms-python.isort ms-python.autopep8 ms-python.python ms-python.vscode-pylance ms-python.vscode-python-envs ms-python.debugpy charliermarsh.ruff"

Go

EXTS="golang.go"

# 安装完后，手动执行 `Ctrl + Shift + P`，安装一系列插件
Go: Install/Update Tools

settings.json

Ctrl+Shift+P → Preferences: Open Settings (JSON)

{
  "go.useLanguageServer": true,
  "go.formatTool": "goimports",
  "go.lintTool": "golangci-lint",
  "go.lintOnSave": "package",
  "go.buildOnSave": "package",
  "go.testOnSave": true,
  "go.toolsManagement.autoUpdate": true
}

Rust

EXTS="rust-lang.rust-analyzer"

# 代码格式化和静态检查
rustup component add rustfmt
rustup component add clippy

# LLDB/GDB 调试器
sudo apt install lldb

JavaScript / TypeScript / CSS / HTML

EXTS="Angular.ng-template msjsdiag.vscode-react-native dsznajder.es7-react-js-snippets astro-build.astro-vscode octref.vetur stylelint.vscode-stylelint mgmcdermott.vscode-language-babel denoland.vscode-deno"

安装

# bash
for ext in $EXTS; do vscer -i "$ext"; done 

# zsh
for ext in ${(z)EXTS}; do vscer -i "$ext"; done

jetsung

编程语言

微软

Python

https://github.com/Microsoft/vscode-python
https://marketplace.visualstudio.com/items?itemName=ms-python.python

Pylance

A performant, feature-rich language server for Python in VS Code

https://github.com/microsoft/pylance-release
https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance

Python Environments

Provides a unified python environment experience

https://github.com/microsoft/vscode-python-environments
https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-python-envs

Python Debugger

Python Debugger extension using debugpy.

https://github.com/microsoft/vscode-python-debugger
https://marketplace.visualstudio.com/items?itemName=ms-python.debugpy

React Native Tools （荐）

Debugging and integrated commands for React Native

https://github.com/microsoft/vscode-react-native
https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native

C/C++

https://github.com/Microsoft/vscode-cpptools
https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools

C/C++ Extension Pack

Popular extensions for C++ development in Visual Studio Code.

https://github.com/microsoft/vscode-cpptools
https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools-extension-pack

C/C++ Themes

UI Themes for C/C++ extension.

https://github.com/Microsoft/vscode-cpptools
https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools-themes

C#　

https://github.com/OmniSharp/omnisharp-vscode
https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp

CMake Tools

https://github.com/microsoft/vscode-cmake-tools
https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools

Makefile Tools

Provide makefile support in VS Code: C/C++ IntelliSense, build, debug/run.

https://github.com/Microsoft/vscode-makefile-tools
https://marketplace.visualstudio.com/items?itemName=ms-vscode.makefile-tools

Debugger for Java

https://github.com/Microsoft/vscode-java-debug
https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug

Extension Pack for Java

https://github.com/Microsoft/vscode-java-pack
https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack

非微软，官方

Go（荐）

https://github.com/golang/vscode-go
https://marketplace.visualstudio.com/items?itemName=golang.Go

rust-analyzer（荐）

https://github.com/rust-lang/rust-analyzer
https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer

Angular Language Service （荐）

Editor services for Angular templates

https://github.com/angular/vscode-ng-language-service
https://marketplace.visualstudio.com/items?itemName=Angular.ng-template

Deno

https://github.com/denoland/vscode_deno
https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno

Qt Extension Pack

Recommended extensions for Qt development.

https://github.com/qt-labs/vscodeext
https://marketplace.visualstudio.com/items?itemName=TheQtCompany.qt

Cangjie （仓颉编程语言）

VS Code support of Cangjie-language

https://marketplace.visualstudio.com/items?itemName=IDE-Innovation-Lab.cangjie

HashiCorp HCL

HashiCorp HCL syntax

https://marketplace.visualstudio.com/items?itemName=HashiCorp.HCL

非官方，蓝标

YAML （荐）

YAML Language Support by Red Hat, with built-in Kubernetes syntax support

https://github.com/redhat-developer/vscode-yaml
https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml

Dart

https://github.com/Dart-Code/Dart-Code
https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code

Flutter

https://github.com/Dart-Code/Flutter
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

非官方

Even Better TOML（荐）

https://github.com/tamasfe/taplo
https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml

Lua

https://github.com/sumneko/lua-language-server
https://marketplace.visualstudio.com/items?itemName=sumneko.lua

Kotlin

Smart code completion, debugging, linting, syntax highlighting and more for Kotlin

https://github.com/fwcd/vscode-kotlin
https://marketplace.visualstudio.com/items?itemName=fwcd.kotlin

VimL

VimL (Also known as Vim Language, VimScript) support for VSCode.

https://github.com/XadillaX/vscode-language-viml
https://marketplace.visualstudio.com/items?itemName=XadillaX.viml

Vim

Vim emulation for Visual Studio Code

https://github.com/VSCodeVim/Vim
https://marketplace.visualstudio.com/items?itemName=vscodevim.vim

Hugo Language and Syntax Support

Adds syntax highlighting and snippets to Hugo files in VS Code

https://github.com/theNewDynamic/language-hugo-vscode
https://marketplace.visualstudio.com/items?itemName=budparr.language-hugo-vscode

Thrift Syntax Support

thrift syntax support

https://github.com/MrKou47/thrift-syntax-support
https://marketplace.visualstudio.com/items?itemName=mrkou47.thrift-syntax-support

Markdown Preview Enhanced

支持将 Markdown 导出成 PDF、PNG 等格式

https://github.com/shd101wyy/vscode-markdown-preview-enhanced
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

jetsung

认证（蓝标）开发工具

GitLens — Git supercharged

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
Git 代码管理可视化工具。

https://github.com/gitkraken/vscode-gitlens
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Simple React Snippets

Dead simple React snippets you will actually use
（React 片段快捷输入）

https://github.com/burkeholland/simple-react-snippets
https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets

PHP Intelephense

PHP code intelligence for Visual Studio Code
（PHP 代码提示工具）

https://github.com/bmewburn/vscode-intelephense
https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client

Office Viewer(Markdown Editor)

View word,excel files and using WYSIWYG editor for markdown.

https://github.com/cweijan/vscode-office
https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-office

Slint

Slint language support, featuring auto-completion, go-to definition, refactoring, syntax coloration, and a live preview and editing of Slint GUIs. Slint is a lightweight cross-platform native GUI framework for Rust, C++, JavaScript, and Python.

https://github.com/slint-ui/slint
https://marketplace.visualstudio.com/items?itemName=Slint.slint

jetsung

常用开发工具

REST Client

REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.
REST 客户端允许您发送 HTTP 请求，并在 Visual Studio Code 中直接查看响应。

https://github.com/Huachao/vscode-restclient
https://marketplace.visualstudio.com/items?itemName=humao.rest-client

Thunder Client

Lightweight Rest API Client for VS Code
（代码不开源）

https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

Prettier - Code formatter

Code formatter using prettier
（代码格式化工具）

https://github.com/prettier/prettier-vscode
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Babel JavaScript

JavaScript syntax highlighting for ES201x, React JSX, Flow and GraphQL.

https://github.com/michaelgmcd/vscode-language-babel
https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel

Git Project Manager

Git Project Manager (GPM) is a Microsoft VSCode extension that allows you to open a new window targeting a git repository directly from VSCode window.

https://github.com/felipecaputo/git-project-manager
https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager

Git History

View git log, file history, compare branches or commits

https://github.com/DonJayamanne/gitHistoryVSCode
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

ES7+ React/Redux/React-Native snippets

Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

https://github.com/dsznajder/vscode-react-javascript-snippets
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

Code Spell Checker

Spelling checker for source code
（源代码拼写检查器）

https://github.com/streetsidesoftware/vscode-spell-checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Code Runner

Run code snippet or code file for multiple languages.
（代码片段运行）

https://github.com/formulahendry/vscode-code-runner
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

Bookmarks （荐）

Mark lines and jump to them

https://github.com/alefragnani/vscode-bookmarks
https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

Auto Rename Tag

Auto rename paired HTML/XML tag
（重命名 HTML/XML 标签）

https://github.com/formulahendry/vscode-auto-rename-tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Choose a License （荐）

Choose a license for your project in VS Code via GitHub Licenses API

https://github.com/ultram4rine/vscode-choosealicense
https://marketplace.visualstudio.com/items?itemName=ultram4rine.vscode-choosealicense

Error Lens （荐）

ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.

https://github.com/usernamehw/vscode-error-lens
https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

Protobuf (Protocol Buffers)

This extension adds Protobuf support, powered by Pbkit language server.

https://github.com/pbkit/vscode-pbkit
https://marketplace.visualstudio.com/items?itemName=pbkit.vscode-pbkit

vscode-proto3

Protobuf 3 support for Visual Studio Code

https://github.com/zxh0/vscode-proto3
https://marketplace.visualstudio.com/items?itemName=zxh404.vscode-proto3

vscode-proto

Proto3 support for VSCode

https://github.com/sanketh-nm/vscode-proto
https://marketplace.visualstudio.com/items?itemName=sankethdev.vscode-proto

ShellCheck （荐）

Shell 语法检测

https://github.com/vscode-shellcheck/vscode-shellcheck
https://marketplace.visualstudio.com/items?itemName=timonwong.shellcheck

shellman

Shell 语法提示

https://github.com/yousefvand/shellman
https://marketplace.visualstudio.com/items?itemName=Remisa.shellman

shell-format

Shell 脚本格式化

https://github.com/foxundermoon/vs-shell-format
https://marketplace.visualstudio.com/items?itemName=foxundermoon.shell-format

Bash Beautify

Format / Beautify bash and shell scripts

https://github.com/foxundermoon/vs-shell-format
https://marketplace.visualstudio.com/items?itemName=shakram02.bash-beautify

Debugger for Firefox

Debug your web application or browser extension in Firefox

https://github.com/firefox-devtools/vscode-firefox-debug
https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug

Qt for Python

Visual Studio Code extension for PySide6 and PyQt6.

https://github.com/seanwu1105/vscode-qt-for-python
https://marketplace.visualstudio.com/items?itemName=seanwu.vscode-qt-for-python

gitignore （荐）

Lets you pull .gitignore templates from the https://github.com/github/gitignore repository. Language support for .gitignore files.

https://github.com/CodeZombieCH/vscode-gitignore
https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore

Stylelint

Official Stylelint extension for Visual Studio Code

https://github.com/stylelint/vscode-stylelint
https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint

EditorConfig for VS Code

EditorConfig Support for Visual Studio Code

https://github.com/editorconfig/editorconfig-vscode
https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

Rainbow CSV

Highlight CSV and TSV files, Run SQL-like queries

https://github.com/mechatroner/vscode_rainbow_csv
https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv

Frontend Essentials Extension Pack (FPack)

前端开发必需扩展包

https://github.com/SeyyedKhandon/fpack
https://marketplace.visualstudio.com/items?itemName=SeyyedKhandon.fpack

Dependi

项目依赖管理工具（更新依赖版本）

https://github.com/filllabs/dependi
https://marketplace.visualstudio.com/items?itemName=fill-labs.dependi

OpenAPI (Swagger) Editor

OpenAPI editing, validation and preview in VS Code

https://github.com/42Crunch/vscode-openapi
https://marketplace.visualstudio.com/items?itemName=42Crunch.vscode-openapi

Ruff

A Visual Studio Code extension with support for the Ruff linter and formatter.

https://github.com/astral-sh/ruff-vscode
https://marketplace.visualstudio.com/items?itemName=charliermarsh.ruff

Front Matter CMS

Front Matter is a CMS running straight in Visual Studio Code. Can be used with static site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...

https://github.com/estruyf/vscode-front-matter
https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter

jetsung

其它

Markdown All in One

All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)

https://github.com/yzhang-gh/vscode-markdown
https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

QuickXDev

Quick-Cocos2dx develop for vscode

https://github.com/leitwolf/vscode-QuickXDev
https://marketplace.visualstudio.com/items?itemName=lonewolf.vscode-quickxdev

Qt tools

https://github.com/tonka3000/vscode-qt-tools
https://marketplace.visualstudio.com/items?itemName=tonka3000.qtvsctools

PHP DocBlocker

A simple, dependency free PHP specific DocBlocking package
（PHP 文档生成模板）

https://github.com/neild3r/vscode-php-docblocker
https://marketplace.visualstudio.com/items?itemName=neilbrayfield.php-docblocker

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements

https://github.com/ChristianKohler/NpmIntellisense
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

Angular Snippets

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

https://github.com/johnpapa/vscode-angular-snippets
https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

Test Explorer UI

Run your tests in the Sidebar of Visual Studio Code

https://github.com/hbenl/vscode-test-explorer
https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-test-explorer

jetsung

嵌入式开发

Arm Assembly

Adds syntax highlighting for the Arm Assembly language to Visual Studio Code. This extension was originally written to support the Arm instruction set used in teaching at the University of Manchester so availability of instructions on platforms is not guaranteed.

https://github.com/dan-c-underwood/vscode-arm
https://marketplace.visualstudio.com/items?itemName=dan-c-underwood.arm

Cortex-Debug

ARM Cortex-M GDB Debugger support for VSCode

https://github.com/Marus/cortex-debug
https://marketplace.visualstudio.com/items?itemName=marus25.cortex-debug

Embedded IDE

An embedded development environment for 8051/STM8/Cortex-M/RISC-V

https://github.com/github0null/eide
https://marketplace.visualstudio.com/items?itemName=CL.eide

PlatformIO IDE

PlatformIO is a professional collaborative platform for embedded development.

https://github.com/platformio/platformio-vscode-ide
https://marketplace.visualstudio.com/items?itemName=platformio.platformio-ide

debug-tracker-vscode

This extension is an API extension to help other extension track debug sessions. Other extensions can subscribe to get notifications on events occurring on debuggers they are interested in.

https://github.com/mcu-debug/debug-tracker-vscode
https://marketplace.visualstudio.com/items?itemName=mcu-debug.debug-tracker-vscode

MemoryView

This is a memory viewer extension specially built to work with debuggers. It can be used with any debugger that supports memory reads (and optional writes). Currently cppdbg, cortex-debug and cspy are the debuggers supported. This extension is more suitable for low level programmers or embedded developers. The debugger has to support the Debug Adapter Protocol. This protocol specifies how to format/make requests and responses. However it does not say what happens when a request fails so there may be issues in failure conditions -- we try our best to recover.

https://github.com/mcu-debug/memview
https://marketplace.visualstudio.com/items?itemName=mcu-debug.memory-view

CodeLLDB

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

https://github.com/vadimcn/codelldb
https://marketplace.visualstudio.com/items?itemName=vadimcn.vscode-lldb

RTOS Views

RTOS views for microcontrollers

https://github.com/mcu-debug/rtos-views
https://marketplace.visualstudio.com/items?itemName=mcu-debug.rtos-views

Peripheral Viewer

Standalone Peripheral(SVD) Viewer extension extracted from cortex-debug, now works with any debugger

https://github.com/mcu-debug/peripheral-viewer
https://marketplace.visualstudio.com/items?itemName=mcu-debug.peripheral-viewer

jetsung

其它开发工具

MySQL

Database manager for MySQL/MariaDB, PostgreSQL, SQLite, Redis and ElasticSearch.

https://github.com/cweijan/vscode-database-client
https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2