StackBlitz 团队最近发布了一款工具,让开发者可以直接在浏览器里面编写、运行 Angular CLI 项目,无需在你本地安装繁琐的NodeJS环境了!
来看动图:
这个工具的特色有:
- 你只要输入项目的github地址,它就可以自动打开你的项目代码,格式是:stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}
- 如果你commit了代码,编辑器自己会自动同步。
- 瞬间启动,你不需要再在本地安装NodeJS环境了,服务器会自动帮你搞定,服务器的性能你懂的,这应该算是“云端开发”了吧?
以下是几个实例,你自己点开试试手感:
- https://stackblitz.com/github/aveferrum/angular-material-demo
- https://stackblitz.com/github/gothinkster/angular-realworld-example-app
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