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

Posted 2021-12-01 huyuchengus

如何将一个 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 项目导入到编辑器中。

显示的界面如下：

请注意，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}