【IDE】那些你必须安装的插件 - Visual Studio Code - 持续更新

置顶 tanpenggood

已于 2025-02-24 10:30:06 修改

阅读量2.3k

点赞数 16

CC 4.0 BY-SA版权

分类专栏： IDE系列文章标签： vscode ide 编辑器

于 2023-12-10 00:35:51 首次发布

本文为【tanpenggood】原创文章，允许转载，但转载必须注明出处并附带首发链接！

本文链接：https://blog.youkuaiyun.com/AV_woaijava/article/details/134903272

IDE系列专栏收录该内容

19 篇文章

订阅专栏

本文介绍了四个强大的VSCode插件：GitLens用于Git增强，提供代码作者可视化和强大命令；EditorConfig支持代码风格统一；Remote-SSH方便远程开发和SSH访问；MySQL插件则支持多种数据库管理。这些工具能大幅提升开发者的生产力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

真香系列 ⭐⭐⭐⭐⭐
推荐系列 ⭐⭐⭐⭐
- EditorConfig for VS Code【推荐】
- 韭菜盒子【推荐】

Talk is cheap, show me the code.

真香系列 ⭐⭐⭐⭐⭐

Draw.io Integration【真香】

https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio

推荐理由：

直接在 VS Code 中画图，不用再切换到其他软件，太舒服了~

Feature：

Edit .drawio, .dio, .drawio.svg or .drawio.png files in the Draw.io editor.
To create a new diagram, simply create an empty *.drawio, *.drawio.svg or *.drawio.png file and open it.
.drawio.svg are valid .svg files that can be embedded in Github readme files! No export needed.
.drawio.png are valid .png files! No export needed. You should use .svg though whenever possible - they look much better!
To convert between different formats, use the Draw.io: Convert To... command.

Uses an offline version of Draw.io by default.
Multiple Draw.io themes are available.
Use Liveshare to collaboratively edit a diagram with others.
Nodes/edges can be linked with code spans.

vscode-mindmap【真香】

https://marketplace.visualstudio.com/items?itemName=Souche.vscode-mindmap

推荐理由：

直接在 VS Code 中画脑图，不用再安装其他软件，相比在线网站画图的体验也更加舒服。

Feature：

File Edit(eg: .km), Save, Export
Transpile .xmind to .km
Support export to image(.png)

GitLens — Git supercharged【真香】

插件地址：
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
https://github.com/gitkraken/vscode-gitlens

Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
在VS Code中增强Git——通过Git指责注释和CodeLens一目了然地可视化代码作者，无缝导航和探索Git存储库，通过丰富的可视化和强大的比较命令获得有价值的见解，等等

推荐理由：

Blame, CodeLens, and Hovers — Gain a deeper understanding of how code changed and by whom through in-editor code annotations and rich hovers.
File Annotations — Toggle on-demand whole file annotations to see authorship, recent changes, and a heatmap.
Revision Navigation — Explore the history of a file to see how the code evolved over time.
Side Bar Views — Powerful views into Git that don’t come in the box.
Commit Graph ✨ — Visualize your repository and keep track of all work in progress.
GitKraken Workspaces ☁️ and Focus ✨ — Easily group and manage multiple repositories and bring pull requests and issues into a unified view.
Visual File History ✨ — Identify the most impactful changes to a file and by whom.
Worktrees ✨ — Simultaneously work on different branches of a repository.
Interactive Rebase Editor — Visualize and configure interactive rebase operations with a user-friendly editor.
Comprehensive Commands — A rich set of commands to help you do everything you need.
Integrations — Simplify your workflow and quickly gain insights via integration with your Git hosting services.

Remote - SSH【真香】

插件地址：
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh

Open any folder on a remote machine using SSH and take advantage of VS Code’s full feature set.
使用SSH打开远程计算机上的任何文件夹，并利用VS Code的完整功能集。

推荐理由：

The Remote - SSH extension lets you use any remote machine with a SSH server as your development environment. This can greatly simplify development and troubleshooting in a wide variety of situations. You can:

Develop on the same operating system you deploy to or use larger, faster, or more specialized hardware than your local machine.
Quickly swap between different, remote development environments and safely make updates without worrying about impacting your local machine.
Access an existing development environment from multiple machines or locations.
Debug an application running somewhere else such as a customer site or in the cloud.
轻松实现服务端开发
轻松实现端口转发

No source code needs to be on your local machine to gain these benefits since the extension runs commands and other extensions directly on the remote machine. You can open any folder on the remote machine and work with it just as you would if the folder were on your own machine.

效果图：
https://microsoft.github.io/vscode-remote-release/images/ssh-readme.gif

转发服务端端口，代理到本地（我测试看起来可以绕过服务端防火墙）: 在这里插入图片描述

MySQL【真香】

插件地址：
https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2

Database manager for MySQL/MariaDB, PostgreSQL, SQLite, Redis and ElasticSearch.
MySQL/MariaDB、PostgreSQL、SQLite、Redis和ElasticSearch的数据库管理器。

推荐理由：

This project is a database client for VSCode, supports manager MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, Kafka, MongoDB, Snowflake, and ElasticSearch, and works as an SSH client, boost your maximum productivity!
该项目是VSCode的数据库客户端，支持manager MySQL/MariaDB、PostgreSQL、SQLite、Redis、ClickHouse、Kafka、MongoDB、Snowflake和ElasticSearch，并作为SSH客户端工作，提高您的最大生产力！

Note:
This extension needs to be pay to unlock all features(Limit 3 connections).
该插件需要付费才能解锁所有功能（限制3个连接）。

Feature：