10 个VSCode 的高效开源神器，看看有没有需要的！-VSCode-PHP中文网

首页

开发工具

VSCode

10 个VSCode 的高效开源神器，看看有没有需要的！

青灯夜游

Jul 29, 2022 pm 08:49 PM

vscode

本篇文章给大家分享10 个可能没见过的 VSCode 的高效开源神器，快来收藏，看看有没有需要！

10 个VSCode 的高效开源神器，看看有没有需要的！

1. code-server

只要服务器端配置好 Code-Server后，你就可以在任何浏览器上使用 VS Code。【推荐学习：《vscode入门》】

code server 的目标是为开发者构建一个便捷统一的开发环境，让开发者能从任意设备、任意位置通过浏览器来进行代码的编写。从而免去了常规的 IDE 开发流程中的环境搭建的问题。

code server 解决的第一个问题就是跨设备的环境一致性。因为 code server 始终运行在一个远程的云端环境，因此他的开发环境始终是一致的，不会出现不同平台或者不同设备运行相同的代码而出现各种问题的情况。

https://github.com/coder/code-server

2. monaco-editor

Monaco Editor 是一款开源的在线代码编辑器。它是 VSCode 的浏览器版本，随着近年 VSCode 大热，Monaco Editor 也随之走红。目前颇有几分赶超前辈之势。

Monaco Editor 是一个浏览器端的代码编辑器库，同时它也是 VS Code 所使用的编辑器。Monaco Editor 可以看作是一个编辑器控件，只提供了基础的编辑器与语言相关的接口，可以被用于任何基于 Web 技术构建的项目中，而 VS Code 包含了文件管理、版本控制、插件等功能，是一款桌面软件。

https://github.com/microsoft/monaco-editor

3. Vim

VSCodeVim 是 Visual Studio Code 的 Vim 模拟器。

https://github.com/VSCodeVim/Vim

4. vscode-drawio

draw.io 是一个支持在线绘图的网站工具，因其界面简洁直观，功能丰富强大而受到不少用户喜爱。

由上图我们清楚可以看到，draw.io 所拥有的功能非常全面，完全能够轻松胜任我们日常的图形绘制需求。

不仅如此，draw.io 还支持将图形保存到 Google Drive、One Drive、GitHub 仓库等云端硬盘上，让用户可以随时进行同步与读取。

由于使用这款工具的人数众多，开发者还贴心的对其进行了国际化文案翻译。因此英文不太好的同学，也不用过于担心。

VSCode 现已完美集成 drwa.io，用户只需点点鼠标，安装下插件，便能立即在 VSCode 上体验 draw.io 的所有核心功能。

https://github.com/hediet/vscode-drawio

5. vscode-debug-visualizer

在我们写代码得时候，最麻烦的事是出现错误很难定位到问题，特别是代码特别长的时候，错误隐藏的很深的时候，不管是 debugger 还是 console.log，亦或用浏览器的调试工具打断点，都是需要慢慢一条一条的排错。

这些调试方式都是需要我们大脑去思考、去排错，那有没有一种方式更方便，能将结果以图的形式展示给我们看，并且将过程展示给我们看呢？

这里我们介绍一个神器：vscode-debug-visualizer

它提供了一种以图表的形式展示数据结构形成程的过程，有树形、表格、曲线、图等。

这种展示形式，不仅可以帮我们在代码调试的时候用到，而且在学习数据结构、算法、刷 Leecode 的时候也可以用到，它会让你很清晰的看到数据生成的过程。

https://github.com/hediet/vscode-debug-visualizer

6. vscode-gitlens

GitLens 增强了VS Code 中的 Git，并解锁了每个存储库中未开发的知识。它可以帮助您通过 Git 责备注释和 CodeLens直观地可视化代码作者身份，无缝导航和探索Git 存储库，通过丰富的可视化和强大的比较命令获得有价值的见解等等。

GitLens 只是帮助您更好地理解代码。快速了解更改行或代码块的人员、原因和时间。回顾历史，以进一步了解代码如何以及为何演变。轻松探索代码库的历史和演变。

今天，GitLens 的安装量超过 1300 万次，下载量接近 7900 万次，受到数百万用户的喜爱和依赖，从单个开发人员到大型企业团队。

https://github.com/gitkraken/vscode-gitlens

7. polacode

vs code的一款代码截图美化插件，能够轻松创造出漂亮的代码截图。

https://github.com/octref/polacode

8. codetour

CodeTour 是一个 VS Code 插件，允许记录和回放代码库的演练和思路。我们通常都是通过代码注释或者文档来解释某段代码或方法的功能及逻辑，这样的方法相对简便，但是对阅读的人来说还不够友好，CodeTour 允许我们为代码添加备注，并且将这些备注串联起来，动态地展示我们的思路以及代码逻辑。

就像一个目录，可以轻松地加入到新的项目/功能，并且可视化错误报告或了解代码审查/PR 更改的上下文。"code tour"只是一系列交互步骤，每个步骤都与特定目录或文件/行进行关联，并包括对相应代码的描述。开发人员可以 clone 一个仓库，然后立即开始学习，而无需参考 CONTRIBUTING.md 文件或依赖他人的帮助。

https://github.com/microsoft/codetour

9. vscode-database-client

Visual Studio Code的数据库客户端扩展, 支持MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, 达梦以及ElasticSearch的管理, 且可以作为一个SSH客户端, 最大程度地提高你的生产力!

https://github.com/cweijan/vscode-database-client

10. vscode-icons

Icons for Visual Studio Code

https://github.com/vscode-icons/vscode-icons

更多关于VSCode的相关知识，请访问：vscode教程！

以上是10 个VSCode 的高效开源神器，看看有没有需要的！的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文转载于：掘金社区。如有侵权，请联系admin@php.cn删除

Visual Studio：C＃，C等的IDEApr 25, 2025 am 12:10 AM

VisualStudio（VS）是微软开发的一款功能强大的集成开发环境（IDE），支持多种编程语言，如C#、C 、Python等。1）它提供了丰富的功能集，包括代码编辑、调试、版本控制和测试。2）VS通过强大的编辑器和调试器处理代码，并使用Roslyn和Clang/MSVC编译器平台支持高级代码分析和重构。3）基本用法如创建C#控制台应用程序，高级用法如实现多态性。4）常见错误可通过设置断点、查看输出窗口和使用即时窗口调试。5）性能优化建议包括使用异步编程、代码重构和性能分析。

Visual Studio：代码编译，测试和部署Apr 24, 2025 am 12:05 AM

在VisualStudio中，代码编译、测试和部署的步骤如下：1.编译：使用VisualStudio的编译器选项将源代码转化为可执行文件，支持多种语言如C#、C 和Python。2.测试：利用内置的MSTest和NUnit等框架进行单元测试，提高代码质量和可靠性。3.部署：通过Web部署、Azure部署等方式，将应用程序从开发环境转移到生产环境，确保安全性和性能。

Visual Studio：综合开发环境简介（IDE）Apr 23, 2025 am 12:02 AM

VisualStudioisMicrosoft'sflagshipIDE,supportingmultipleprogramminglanguagesandenhancingcodingefficiency.1)ItoffersfeatureslikeIntelliSenseforcodeprediction,multi-tabbedinterfaceforprojectmanagement,andtoolsfordebugging,refactoring,andversioncontrol.2

Visual Studio：探索免费和付费产品Apr 22, 2025 am 12:09 AM

VisualStudio的免费版和付费版的主要区别在于功能的丰富程度和支持的服务。免费版（Community）适用于个人开发者和小型团队，提供基本开发工具；付费版（Professional和Enterprise）则提供高级功能，如高级调试和团队协作工具，适合大型项目和企业级开发。

Visual Studio社区版：解释的免费选项Apr 21, 2025 am 12:09 AM

VisualStudioCommunityEdition是一款免费的IDE，适合个人开发者、小型团队和教育机构。1)它提供代码编辑、调试、测试和版本控制等功能。2)基于Roslyn编译器平台，支持多种编程语言并集成Git和TFVC。3)高级功能包括单元测试，优化建议包括关闭不必要的扩展和使用轻量级编辑器。

视觉工作室：轻松构建应用程序Apr 20, 2025 am 12:09 AM

VisualStudio是由微软开发的集成开发环境（IDE），支持多种编程语言，包括C#,C ,Python等。1.它提供了智能感知（IntelliSense）功能，帮助快速编写代码。2.调试器允许设置断点，逐步执行代码，找出问题。3.对于初学者，创建简单的控制台应用程序是入门的好方法。4.高级用法包括项目管理和依赖注入等设计模式的应用。5.常见错误可以通过调试工具逐步解决。6.性能优化和最佳实践包括代码优化、版本控制、代码质量检查和自动化测试。