10个⾼效的VSCode开源神器，收了吧
1. code-server
只要服务器端配置好 Code-Server后，你就可以在任何浏览器上使⽤ VS Code。
code server 的⽬标是为开发者构建⼀个便捷统⼀的开发环境，让开发者能从任意设备、任意位置通过浏览器来进⾏代码的编写。从⽽免去了常规的 IDE 开发流程中的环境搭建的问题。
code server 解决的第⼀个问题就是跨设备的环境⼀致性。因为 code server 始终运⾏在⼀个远程的云端环境，因此他的开发环境始终是⼀致的，不会出现不同平台或者不同设备运⾏相同的代码⽽出现各种问题的情况。
2. monaco-editor
Monaco Editor 是⼀款开源的在线代码编辑器。它是 VSCode 的浏览器版本，随着近年 VSCode ⼤热，Monaco Editor 也随之⾛红。⽬前颇有⼏分赶超前辈之势。
Monaco Editor 是⼀个浏览器端的代码编辑器库，同时它也是 VS Code 所使⽤的编辑器。Monaco Editor 可以看作是⼀个编辑器控件，只提供了基础的编辑器与语⾔相关的接⼝，可以被⽤于任何基于 Web 技术构建的项⽬中，⽽ VS Code 包含了⽂件管理、版本控制、插件等功能，是⼀款桌⾯软件。
3. Vim
VSCodeVim 是 Visual Studio Code 的 Vim 模拟器。
4. vscode-drawio
draw.io 是⼀个⽀持在线绘图的⽹站⼯具，因其界⾯简洁直观，功能丰富强⼤⽽受到不少⽤户喜爱。
由上图我们清楚可以看到，draw.io 所拥有的功能⾮常全⾯，完全能够轻松胜任我们⽇常的图形绘制需求。
不仅如此，draw.io 还⽀持将图形保存到 Google Drive、One Drive、GitHub 仓库等云端硬盘上，让⽤户可以随时进⾏同步与读取。
由于使⽤这款⼯具的⼈数众多，开发者还贴⼼的对其进⾏了国际化⽂案翻译。因此英⽂不太好的同学，也不⽤过于担⼼。
5. vscode-debug-visualizer
在我们写代码得时候，最⿇烦的事是出现错误很难定位到问题，特别是代码特别长的时候，错误隐藏
的很深的时候，不管是 debugger 还是 console.log，亦或⽤浏览器的调试⼯具打断点，都是需要慢慢⼀条⼀条的排错。
这些调试⽅式都是需要我们⼤脑去思考、去排错，那有没有⼀种⽅式更⽅便，能将结果以图的形式展⽰给我们看，并且将过程展⽰给我们看呢？
这⾥我们介绍⼀个神器：vscode-debug-visualizer
它提供了⼀种以图表的形式展⽰数据结构形成程的过程，有树形、表格、曲线、图等。
这种展⽰形式，不仅可以帮我们在代码调试的时候⽤到，⽽且在学习数据结构、算法、刷 Leecode 的时候也可以⽤到，它会让你很清晰的看到数据⽣成的过程。
vim编辑器下载与安装
6. vscode-gitlens
GitLens 增强了VS Code 中的 Git，并解锁了每个存储库中未开发的知识。它可以帮助您通过 Git 责备注释和 CodeLens 直观地可视化代码作者⾝份，⽆缝导航和探索Git 存储库，通过丰富的可视化和强⼤的⽐较命令获得有价值的见解等等。
GitLens 只是帮助您更好地理解代码。快速了解更改⾏或代码块的⼈员、原因和时间。回顾历史，以进⼀步了解代码如何以及为何演变。轻松探索代码库的历史和演变。
今天，GitLens 的安装量超过 1300 万次，下载量接近 7900 万次，受到数百万⽤户的喜爱和依赖，从单个开发⼈员到⼤型企业团队。
7. polacode
vs code的⼀款代码截图美化插件，能够轻松创造出漂亮的代码截图。
8. codetour
CodeTour 是⼀个 VS Code 插件，允许记录和回放代码库的演练和思路。我们通常都是通过代码注释或者⽂档来解释某段代码或⽅法的功能及逻辑，这样的⽅法相对简便，但是对阅读的⼈来说还不够友好，CodeTour 允许我们为代码添加备注，并且将这些备注串联起来，动态地展⽰我们的思路以及代码逻辑。
就像⼀个⽬录，可以轻松地加⼊到新的项⽬/功能，并且可视化错误报告或了解代码审查/PR 更改的上下⽂。"code tour"只是⼀系列交互步骤，每个步骤都与特定⽬录或⽂件/⾏进⾏关联，并包括对相应代码的描述。开发⼈员可以 clone ⼀个仓库，然后⽴即开始学习，⽽⽆需参考 CONTRIBUTING.md ⽂件或依赖他⼈的帮助。
9. vscode-database-client
Visual Studio Code的数据库客户端扩展, ⽀持MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, 达梦以及ElasticSearch的管理, 且可以作为⼀个SSH客户端, 最⼤程度地提⾼你的⽣产⼒!
10. vscode-icons
Icons for Visual Studio Code
最后
平时如何发现好的开源项⽬，可以看看这篇⽂章： GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项⽬
更多精彩项⽬，请看下⽅宝藏仓库，请慎⼊！
（完）
加⼊「码农周刊VIP会员」，成为更好的开发者！
↓↓↓

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。