npm 包 Skilljar-Heroku-Fork 使用教程-JavaScript中文网-JavaScript教程资源分享门户

介绍

Skilljar-Heroku-Fork 是一个 npm 包，可以将 Skilljar 课程生成的 HTML 页面部署到 Heroku 上，方便分享和展示。

安装

使用 npm 安装 Skilljar-Heroku-Fork:

npm install skilljar-heroku-fork

使用

前置条件

在使用 Skilljar-Heroku-Fork 之前，需要了解以下技术栈：

Heroku 平台
Git 版本控制系统
Node.js 和 npm

步骤

clone 课程

首先需要从 Skilljar 中将课程下载到本地。在课程的详情页面点击 Edit Course，选择 Download Course。在弹出的窗口中选择 Download HTML，将课程下载到本地。

初始化项目

在本地新建一个文件夹，将下载的课程文件全部复制到该文件夹中。使用终端进入该文件夹，执行以下命令：

npm init -y

该命令将生成一个 package.json 文件，作为 npm 包的描述文件。

使用 Skilljar-Heroku-Fork

在终端中执行以下命令，将当前文件夹初始化为 Heroku app，并创建一个新的 Git 仓库。

npx skilljar-heroku-fork init

该命令将询问用户是否需要创建新的 Heroku app，如不需要，将使用已有的 app，并将其关联到本地仓库。

部署课程

运行以下命令，将本地的课程文件部署到 Heroku 上。

npx skilljar-heroku-fork deploy

该命令将在 Heroku 的 app 上创建一个 public 文件夹，并将所有课程文件移动至该文件夹下，并将其添加到 Git 仓库中。随后将向 Heroku 发起一次 git push 操作，将 Git 仓库中的代码推送至 Heroku app。

查看课程

在浏览器中输入 https://<app-name>.herokuapp.com/ 即可查看部署的课程。

示例代码

const skilljarHerokuFork = require('skilljar-heroku-fork');

async function main() {
  await skilljarHerokuFork.init();
  await skilljarHerokuFork.deploy();
}

main();

结论

Skilljar-Heroku-Fork 是一个方便快捷的部署 Skilljar 课程的工具，通过一系列简单的命令操作，即可将课程部署至 Heroku 上，并在浏览器中查看和分享。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60056bd381e8991b448e575f