发布于 1年前

使用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特性包括:

  1. 自动同步仓库代码,如果向仓库推送了commit,它会自动同步。
  2. 极速启动,它免去了我们下载代码到本地,安装等过程,可以在几秒就完成了启动项目
  3. 既然是一个在线的ide,它也支持你在本地开发想要的功能,如热加载等等

如果想查看github上的angular示例,这是一个不错的在线工具,推荐一下。

©2020 edoou.com   京ICP备16001874号-3