如何将 GitHub 中的项目导入到 stackblitz.com 中

时间:2020-12-12 08:01:04

如何将一个 GitHub 中的项目导入到 stackblitz.com 中,然后开始编辑和编译呢?

例如,我们有一个项目在 GitHub 中的地址为:https://github.com/cwiki-us-angular/cwiki-us-angular-app

如何将这个项目导入到 stackblitz.com 中进行编辑和测试呢?

首先你需要在 stackblitz.com 中注册一个用户名和密码。

你可以可以使用你 GitHub 的用户名进行关联。

当你注册成功后,你可以访问下面的地址:https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-app

这个地址将会自动将 GitHub 中的 https://github.com/cwiki-us-angular/cwiki-us-angular-app 项目导入到编辑器中。

显示的界面如下:

如何将 GitHub 中的项目导入到 stackblitz.com 中

请注意,stackblitz 是通过 URL 来进行项目导入的。

官方的说明连接如下:

https://stackblitz.com/docs#import-from-github

简单来说,是使用下面的链接,告诉 stackblitz 到哪里去获取源代码。

stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}

如果你还希望使用分支,那么可以使用下面的链接:

.../github/{GH_USERNAME}/{REPO_NAME}/tree/{TAG|BRANCH|COMMIT}