npm 包 Skilljar-Heroku-Fork 使用教程

介绍

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

安装

使用 npm 安装 Skilljar-Heroku-Fork:

--- ------- --------------------

使用

前置条件

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

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

步骤

  1. clone 课程

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

  1. 初始化项目

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

--- ---- --

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

  1. 使用 Skilljar-Heroku-Fork

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

--- -------------------- ----

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

  1. 部署课程

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

--- -------------------- ------

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

  1. 查看课程

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

示例代码

----- ------------------ - --------------------------------

----- -------- ------ -
  ----- --------------------------
  ----- ----------------------------
-

-------

结论

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

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60056bd381e8991b448e575f


猜你喜欢

  • npm 包 stack-core 使用教程

    在前端开发中,使用 npm 做为项目的包管理工具已经成为了标配。而在其中一个重要的 npm 包 stack-core 能够让开发者更完美地处理栈数据结构。本文将介绍该包的使用教程,并给出详细的代码实现...

    3 年前
  • npm包Nano-Slice使用教程

    Nano-Slice 是一个强大的 JavaScript 库,它可以帮助您在前端开发中更方便、更高效地对数组和对象进行切片。在本文中,我们将为您提供 Nano-Slice 的详细使用教程,并附有示例代...

    3 年前
  • npm 包 presentional-react-components 使用教程

    简介 prestentional-react-components 是一个 React 组件库,主要用于开发 React 组件,提供了大量样式和基本组件,开发过程中可以减少大量的样式编写,免去了样式繁...

    3 年前
  • npm包redis-message-handler使用教程

    介绍 redis-message-handler是一个轻量级的npm包,可以方便地实现Redis消息处理,包括发布/订阅、通知/请求等功能。它基于Node.js和Redis实现,提供了简洁友好的API...

    3 年前
  • npm 包 territory 使用教程

    本文介绍如何使用 npm 包 territory 来管理你的代码库。territory 是一个强大的工具,可以帮助你更好地组织和管理你的代码。 安装 Territory 首先,你需要在本地安装 Ter...

    3 年前
  • npm 包 vue-material-icon 使用教程

    介绍 vue-material-icon 是一个针对 Vue.js 的开源项目。这个项目提供了一套易于使用、精美奇妙的 Material Design 图标集。Vue.js 是一个非常流行的 Java...

    3 年前
  • npm 包 flat-redis 使用教程

    前言 Redis 是一个非常流行的内存数据库,其高效的读写速度和广泛的应用场景使得其在前端开发中得到了广泛的应用。为了更方便地使用 Redis,开发者们开发了许多 Redis 客户端库。

    3 年前
  • npm 包 chaipeng 使用教程

    Node.js 的出现给前端开发带来了很多便利。npm 作为 Node.js 的包管理工具,使用方便,生态丰富。chaipeng 是一个 npm 包,可以在开发过程中方便地使用和管理数组。

    3 年前
  • npm 包 silkbag.js 使用教程

    简介 silkbag.js 是一个前端开发工具,它可以让开发者轻松地将多张图片合并成一张图片,并且支持压缩和格式转换。 使用 silkbag.js 可以使前端开发更加高效和简单,节省时间和提高工作效率...

    3 年前
  • npm 包 gitbook-plugin-rqqtest 使用教程

    本文主要介绍如何使用 npm 包 gitbook-plugin-rqqtest。该包是一个 GitBook 插件,用于在 GitBook 中展示自动化测试报告的结果。

    3 年前
  • npm 包 generator-hydra-rpc 使用教程

    在前端开发中,使用合适的工具来提高工作效率和代码质量十分重要。npm包是前端领域充满活力的一个部分,有许多值得使用的包。其中,generator-hydra-rpc 是一个非常有用的工具,它可以帮助你...

    3 年前
  • npm 包 adminlte-vue 使用教程

    简介 adminlte-vue 是一个基于 AdminLTE UI 框架的 Vue.js 组件库。它包含了很多常用的 UI 组件,例如表格、面包屑、卡片、表单等等。

    3 年前
  • npm 包 generator-siemes 使用教程

    在前端开发中,很多时候需要创建一个页面或者项目的基础架构,这时候使用一个脚手架工具就显得特别方便。npm 包 generator-siemes 便是一个很好的脚手架工具。

    3 年前
  • npm 包 @1backend/dobika-myservice-ng 使用教程

    简介 @1backend/dobika-myservice-ng 是一个基于 Angular 8 的 npm 包,专门用于访问 Dobika 后端服务。使用该包,你可以方便地获取 Dobika 后端服...

    3 年前
  • npm 包 gv-checkedlistbox 使用教程

    在前端开发中,我们经常需要使用列表和复选框控件来展示数据和获取用户选择,而 gv-checkedlistbox 就是一款非常好用的 npm 包,它可以方便地实现列表和复选框的组合控件。

    3 年前
  • npm 包 helix-matrix 使用教程

    helix-matrix 是一个 JavaScript 库,它用于创建和操作矩阵。它支持用于数值计算和绘图的各种转换,例如旋转、缩放和平移操作。它是 NPM 上的一个开源项目,由 helixsys 开...

    3 年前
  • npm包jason-scss使用教程

    前言 在前端开发中,CSS是不可或缺的重要一环,对于实现复杂的样式效果,我们可能需要使用各种工具库。jason-scss是一个非常好用的CSS库,可以极大的提升前端开发效率,本教程将为您介绍使用jas...

    3 年前
  • npm 包 react-style-comp 使用教程

    简介 React 是目前非常流行的前端框架之一,它提供了一种声明式的、高效的方式来构建 UI。然而,当我们需要写一些复杂的样式时,我们通常需要使用 CSS。为了更好地组织和复用 CSS,我们可以使用一...

    3 年前
  • npm 包 xiaomipush 使用教程

    小米推送,是一个集消息推送、消息统计、包管理为一体的应用推送平台。xiaomipush 是一个用于在前端中使用小米推送的 npm 包,它简化了小米推送的集成过程,只需要几行代码就可以集成小米推送。

    3 年前
  • npm 包 env-config-replace 使用教程

    简介 env-config-replace 是一个可以帮助前端项目配置文件根据环境变量自动切换的 npm 包。通过 env-config-replace,我们可以在开发、测试、生产等不同环境下使用不同...

    3 年前

相关推荐

    暂无文章