摆脱搭建NodeJS环境的烦恼,在浏览器里面直接运行 Angular CLI 项目

0_1518399291971_1*EW07dRc_lW0tzvyogtoRFQ.png

StackBlitz 团队最近发布了一款工具,让开发者可以直接在浏览器里面编写、运行 Angular CLI 项目,无需在你本地安装繁琐的NodeJS环境了!

来看动图:

替代文字

这个工具的特色有:

  • 你只要输入项目的github地址,它就可以自动打开你的项目代码,格式是:stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}
  • 如果你commit了代码,编辑器自己会自动同步。
  • 瞬间启动,你不需要再在本地安装NodeJS环境了,服务器会自动帮你搞定,服务器的性能你懂的,这应该算是“云端开发”了吧?

以下是几个实例,你自己点开试试手感:

0_1518399748309_深度截图_选择区域_20180212094204.png

StackBlitz 目前已经支持 React、Angular 和 Ionic,关于它的更多介绍请看这里:https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4

小编的话: 对于前端开发来说,有这样的神器真的是个大福利,摆脱繁琐易碎的NodeJS环境,可以让生产率大幅度提升!

举个例子,某团队10个人,使用某框架来开发业务,每个人都在本地搭建一次环境,消耗很多时间,还经常升级坏掉。然后来了新人,再次重复这个过程。在后续多少年的维护过程里面,N次重复这种恶心的环境配置问题。如果把这些破事移到云端,最多用一个人批量维护就够了,其他成员只要专注业务实现就完事了。

有了这种东西,你机器上可以什么都不装,只有一个浏览器,无论你在蹲坑、在车站、在机场,只要有网络,打开就可以撸码。

你想跑别人的demo也很爽,只要贴链接就好了,不需要同步别人的环境。

这种效率的提升和分享的便捷,是无与伦比的。

英文原文在此:https://blog.angular.io/run-angular-cli-repos-directly-in-your-browser-41332fd80901

大佬 我何时能像你一样那么优秀

@大漠穷秋 (#滑稽)

这个牛逼了

第一次看到它,实在material组件库的在线预览知道的。

大佬,什么时候才能和你一样秀!

在线这种图片路径都可以解决吗

我用了之后告诉我少angular/cdk,在线安装了以后就一直在加载…

@大漠穷秋 给你介绍个更好的在线网站 https://codesandbox.io

此回复已被删除!

这个流啤啊 在网吧娱乐的时候突然接到领导的加班电话后可以直接浏览器干活

太卡了,如果能自己建就好了.

登录后回复

与 Angular开发者 的连接断开,我们正在尝试重连,请耐心等待