使用stackblitz在线运行github上基于Angular CLI构建的项目
在Github上面有很多Angular的demo,示例等等,我们要运行Github里的示例,需要经过下载,初始化项目,然后才到运行项目,这中间会花去很多时间。
有一个叫做StackBlitz的项目,它可以看作一个轻量级的在线的IDE,它允许我们在线运行基于Angular CLI构建的项目。更进一步,对于Github上的项目,我们只需要简单地在浏览器输入对应的url即可运行我们想要的项目。
示例可以查看:Angular Material Demo App [aveferrum/angular-material-demo]和Angular RealWorld [gothinkster/angular-realworld-example-app]
运行Github上的基于Angular CLI构建的项目方法:
1、在url上提供用户名和仓库名
stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}
2、在url上指定branch,tag 或 commit
stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}/tree/{TAG|BRANCH|COMMIT}
StackBlitz特性包括:
- 自动同步仓库代码,如果向仓库推送了commit,它会自动同步。
- 极速启动,它免去了我们下载代码到本地,安装等过程,可以在几秒就完成了启动项目
- 既然是一个在线的ide,它也支持你在本地开发想要的功能,如热加载等等
如果想查看github上的angular示例,这是一个不错的在线工具,推荐一下。