开发者社区> 前端印象> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

微软悄悄发布了 Web 版的 VsCode

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

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


e10ef2b5d1a950454bd1aaae6f61d773.png


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


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


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


27e65579c744ba913e32454222a7636c.png


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


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


7f65565f74ebb4a83679551c325078af.png


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


当然你也可以通过把你正在浏览的Github仓库地址的域名从github.com直接改为github.dev,同样可以实现


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


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


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


b219531fe3c051030e4275d4580f7d75.png


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


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


随时保存,随处访问


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


Web IDE是可以随时保存你写的代码,及时你电脑突然坏掉了,也可以在任一设备上登录找到项目地址拿到之前的所有代码,因为它的代码是存在云端的。


既然是Web版的,那么我们可以随时随地通过浏览器输入地址去访问,手机、平板似乎也实现了敲代码自由,而且不用担心代码的同步问题~


保证环境一致


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


d24887e8ad1a0a79d959ef0ec3770dff.png


实时协作


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


其它


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


总结


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


希望本期内容对你有所帮助~ (疯狂暗示点赞!


我是零一,分享技术,不止前端。下期见~

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SpringBoot学习---Web开发(静态资源处理,首页和图标)
SpringBoot学习---Web开发(静态资源处理,首页和图标)
214 0
VScode插件推荐(web开发)
VScode插件推荐(web开发)
135 0
【HTML入门】从网页搭建开始学习Java Web开发
今天开始总结学习Java Web,而学习Java Web我们应该先学习一些网页搭建基础的东西,今天我们就先从HTML开始。
105 0
【SpringBoot 2】(六)配置文件 web开发相关(二)
【SpringBoot 2】(六)配置文件 web开发相关(二)
65 0
【SpringBoot 2】(六)配置文件 web开发相关(一)
【SpringBoot 2】(六)配置文件 web开发相关(一)
29 0
【学习笔记】【Idea】开发WEB程序
【学习笔记】【Idea】开发WEB程序
43 0
面试官问我Python日历模块,我直接用Flask开发Web版日历应用给他
面试官问我Python日历模块,我直接用Flask开发Web版日历应用给他
42 0
推荐这几个流程图设计器web开发方案
前沿:一个流程图设计器需要什么?一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点(矩形、圆形、多边形)以及线,一个是图与图之间的交互包括拖拽,节点之间的连线等,最后是画布面板的便捷性,其中包括:比如ps中的网格功能、对其线、步骤回撤、画布的可伸缩、快捷按钮等等,那前端社区有啥开源解决方案,方便我们快速开发一个属于自己的流程图设计器?
404 0
艾伟_转载:VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇
本系列文章导航 VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇 VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇 VS 2010 和 .
1089 0
艾伟_转载:ASP.NET开发中关于Web标准的几点建议
  Visual Studio.NET从2003到现在的2008,一路走来慢慢强大……从以前的vs2003能自动改乱你的html代码到现在在vs2008中都能直接对html代码进行w3c标准验证并提示了,非常不易。
791 0
+关注
前端印象
作者「零一」,公众号【前端印象】。非科班二本自学前端一年进入字节跳动。擅长用大白话、图文结合的方式讲解晦涩难懂的知识,当前原创文章100+篇,全网100w+阅读,文章收藏量2w+,且是掘金优秀作者、CSDN博客专家。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
从Web到Cloud App——YunOS Web App 开发经验分享
立即下载
PWA:移动Web的现在与未来
立即下载
WEB浏览器中即将发生的安全变化
立即下载