VS Code闪现，巨头纷纷入局的Web IDE缘何崛起？

我就是我 2022-09-10 10:12 177阅读 0赞

我发了，我装的。

![0439b599b613132b396ac4e58a8c56cc.png][]

就在前几天，微软简短的发布了Visual Studio Code for the Web 的公告，而没过一阵，这则公告就被删除了，现在点经相关内容已经是404状态了。虽然公告的内容已经删除，但是我们依旧可以看到存档的版本。

这个劲爆的消息很快就在社区中引起了大家的热议。

![8883790b14ceedc308072dc899138101.png][]

根据已经删除的公告内容，我们了解到Visual Studio Code for the Web 是一个基于 Web 的在线代码编辑器，无需下载安装可以直接在浏览器中运行。删除帖子内容的公告解释说“每个人都可以免费使用 VS Code for the Web”。从内容来看这项服务和当前 GitHub的Web的编辑器差不多。我们可以使用它来浏览托管在GitHub和本地机器上的源代码。用户可以导航到GitHub文件和源代码存储库，对代码内容提交和修改，同时还可以在编辑器中打开查看仓库具体内容，进行使用。

![423866bdb71b2080b59226497768a147.png][]

其实这并不是Web IDE第一次与大家见面，伴随着EclipseCon上基于web的Eclipse工作台的演示，以及当如Heroku这种基于web的IDE同时也是RoR应用托管环境的出现，已经预示着基于Web的IDE会逐渐成为主流。甚至早在三年之前Gitee就推出了自己的"Web IDE"。

作为一种在线集成开发环境，Web IDE的使用无需本地安装开发环境，只需打开浏览器就能立即开发，同时支持断点调试、版本管理、团队开发等功能。与传统本地IDE相比，它的优点几乎是不言而喻的。

1、快捷，以往的开发环境搭建每更换一次电脑，就要重新安装开发环境，同时写完代码后代码都在本地内容保存，如果没推到远程仓库，在别的电脑上也拿不到你最新的代码。但是Web IDE无需重新安装，且在编码过程中随时保存，哪怕我们的电脑突然坏掉，我们也可以在别的设备上登陆后拿到我们之前写好写的代码，在任意一台电脑上打开浏览器就能立即编码开发。同时我们可以随时通过浏览器去访问代码内容，手机、平板似乎也可以成为我们编程的工具，真正实现了敲代码自由，不再需要担心同步问题；

2、高效，Web IDE支持团队实时在线进行代码沟通协调，多人开发时需要调整大家的本地环境，而在在线编辑的情况下大家的编程环境相同，只需要进行一次环境配置，提高了软件的开发效率；

3、协同，代码通过实时保存在云端，并进行多重备份，即使本地电脑硬盘坏了，也不会造成代码丢失。同时当我们需要进行合作，或者将代码内容给别的小伙伴查看的时候，只需要将存储地址发给小伙伴，不需要进行环境配置就可以帮助你调试代码内容，多人协同进行代码编辑也更加方便。

![fa0aab61a8bb9620705002f41b6b209b.png][]

作为开发者心目中的效率神器，桌面版 VS Code 一直是免费的，并且拥有强大的功能，而基于Web 的 VS Code 的优势不仅仅包括了以上提到的三点内容，在新公告中微软表示「VS Code for the Web 可以升级到 GitHub Codespaces 实例」，以适用于需要完整远程环境、构建、调试、充分使用扩展和访问终端的情况。

放眼市场，现在国内巨头们也在推广和使用Web IDE，阿里云发布Kaitian IDE，腾讯云发布Cloud Studio，华为云发布CloudIDE,IT社区bfwwiki发布BfwStudio等。

这就意味着开发者走向随时随地办公，往前又迈近一步。

不过，我们都知道Visual Studio Code的功能点非常多，而且作为一款生产力工具，我们对它响应速度要求也比较高。即将上线的Web版本IDE是否可以提供让我们满意性能呢？我们期待微软在Web应用上做出突破性创新，大幅提升Web应用的响应速度，打消开发者的担忧。

[0439b599b613132b396ac4e58a8c56cc.png]: /images/20220829/00404fc3df334ff1b0b289c1e783e5e4.png
[8883790b14ceedc308072dc899138101.png]: /images/20220829/999c32ff7edd4e8180edfd0a6165bb3e.png
[423866bdb71b2080b59226497768a147.png]: /images/20220829/5e2dbfe475114041917d93484a4063b0.png
[fa0aab61a8bb9620705002f41b6b209b.png]: /images/20220829/18d05605e25049549a49e844f84c8824.png