vlambda博客
学习文章列表

微软悄悄发布了 Web 版的 VsCode

来源 | 前端印象

作者 | 零一

在 8 月 31 日,微软发了一个介绍他们新发布的功能的帖子介绍,这个新东西就是——Web 版的 Vscode,不过现在已经找不到那个帖子了,点进去似乎已经404了,估计是他们发早了,不过这也说明不久后他们就会重新发布,敬请期待~

其实 WebIDE 放到现在一点都不新奇,早在 3 年前,Gitee 就推出了自己的"webide"。

Gitee 的 webide

那个时候技术还不是太成熟,与其说是 webide,还不如说是一个网页版的 git 提交工具,适合出门在外临时需要提交些东西,不过现在进去一看,Gitee 的 WEB IDE 做得还算挺不错的了。

去年,Github 推出了一个新功能叫做 Codespaces,顾名思义,代码空间,它是一个在线的开发环境,允许你在云端进行开发,这似乎就可以让你用平板甚至用你的手机随时随地进行开发~

当时这个功能内测的时候,在每个仓库中都会有一个名叫Open with Codespaces的入口,点击后再选择创建一个云端实例,就可以开始敲代码了~

微软悄悄发布了 Web 版的 VsCode
去年的 CodeSpaces 入口

Github 可能因为最近推出了新的在线编辑功能,所以无法在每个仓库里找到 codespaces 的入口了(现在可以通过访问https://github.com/features/codespaces这个网址使用 codespaces 功能)。

很多人都知道前段时间 Github 更新了一个重磅级功能,我们在 Github 上浏览任何一个仓库时,只需要点击键盘上的 . 这个键,就可以以该仓库的文件打开一个网页版的代码编辑器,如下图:

微软悄悄发布了 Web 版的 VsCode

点这个就能在 github 打开仓库的代码编辑

这不就是个活生生的 WebIDE 吗?所以这次微软发布的 Web 版 Vscode 整体应该跟 Github 的编辑器类似。

据说,只要访问https://vscode.dev这个网站(如果无法打开,可能是微软还没正式发布),就可以立马使用 web 版的 vscode,支持快速打开编辑 Github 的代码和你本地的代码,也支持更改并提交~

Github 的在线编辑器有个缺陷,对于终端的使用似乎没有那么友好,还需要借助本地 VsCode 的能力。

Github 在线编辑器暂不支持终端

而在微软最新发布的公告中表示,其即将推出的Web IDE可以升级为GitHub Codespaces,即可以拥有构建、调试、完全使用扩展和访问终端,这个其实国内的 Coding 团队开发的Cloud Studio做得就挺不错的了。

说到底,为什么都在推行 Web IDE,它到底有哪些优点?来谈谈我的看法。

随时保存,随处访问

传统的都是本地编辑器进行开发,写完代码存到本地,写好代码了可以往远程仓库推,如果没推到远程仓库,在别的电脑上也拿不到你最新的代码。

保证环境一致

多人开发同个项目时,可能会因为每个人本地环境或编辑器的配置不同,导致可能代码在 A 同学那是正常的,而在 B 同学那就有问题了。而 Web IDE 下的多人开发,访问的都是同一个 URL 下的项目仓库,所以环境只需配置一次,即可实现统一。

图片来源:韩骏

实时协作

再谈多人协作开发的场景,如果你在编码时遇到问题,想分享给小伙伴一起看,你只需甩个 URL 过去即可,他们也不需要安装环境,直接就可以帮你调试~ 而且代码存储在云端,讲道理是可以达到多人同时访问仓库代码并协同修改的功能的。

其它

其它的功能,例如语法提示、代码高亮等基本功能,Web IDE 都有能力去实现。

总结

这样看来,Web IDE 相比本地编辑器还是有很多优势的,怪不得都在力推。放眼望去,Web IDE 的适用场景还挺多,例如笔试招聘在线课堂多人协作开发等等。

参考资料[1]

WebIDE:在浏览器中写代码的时代即将来临?: https://blog.csdn.net/weixin_33698043/article/details/89182132

[2]

GitHub 推出 Codespaces Beta: https://zhuanlan.zhihu.com/p/264892651

[3]

GitHub Codespaces 发布!在浏览器中使用 VS Code 进行云端开发: https://zhuanlan.zhihu.com/p/138815577