我爱E-Learning在线学习社区

Adapt 响应式课程开发框架(4): 安装Adapt (上)

本文是Adapt 响应式课程开发框架系列第4篇文章,请点击下面的链接阅读该系列其他文章。


今天我们探讨的主题就比较Tecnnical一点了,安装Adapt。我们将Adapt的安装分为两个部分,第一部分我们介绍如何配置Adapt课件开发所需的系统环境;在第二个部分我们将讨论如何使用adapt-cli工具来安装Adapt并创建你的第一个课件。另外我们还会介绍在遇到问题时,如何手动安装Adapt。

配置系统环境

在安装Adapt开发框架之前我们首先要配置开发环境。开发环境涉及到一些终端命令,虽然安装Adapt并不要求你是个命令行专家,但如果你对命令行完全一无所知的话,那你安装起来就会觉得有点吃力。

在安装Adapt之前,首先要安装Node.jsGit. Node.js是一个基于Chrome V8引擎的Javascript运行环境。Node.js可以让Javascript代码运行在服务端的开发平台,而不仅仅是在浏览器里运行。Git是一个开源的分布式版本控制系统,它可以有效地处理各种项目的代码版本管理。

在Adapt课件开发中,我们需要Node.js环境来运行Javascript代码,并且需要Git来获取Adapt开发框架源码。

安装Node.js和Git并不是本文的重点,另外网络上也有很多安装Node.js和Git的教程,所以本文就不再详细描述其安装过程,下面是我就其安装给出的一些建议。

安装Node.js

使用Node.js版本控制器安装

在MacOS下,我建议你使用NVM来安装Node.js。NVM是一个Node.js的版本控制器。使用NVM你可以安装多个Node.js版本并根据项目的需要在不同的Node.js版本之间切换。关于NVM的安装及使用,请参见其Github项目主页

在Windows下你可以使用NVM的替代品Nodist来安装。Nodist的作用和NVM一样,虽然该项目在GitHub上的代码已经很久没有更新了,但我试过了,一样很好用。具体安装及使用说明,请参见其Github项目主页

直接安装

如果你嫌Node.js版本控制器太麻烦,可以直接在Node.js官网上下载适合你系统的安装程序,然后按照屏幕上的提示安装即可。关于Node.js的版本,我建议你安装最新的LTS版(长期支持版),在本文写就的时候,最新的Node.js长期支持版为 V10.15.0。

安装Git

MacOS系统自10.9版本开始自带Git。如果你觉得自带的Git版本过于老旧,可以使用Homebrew来安装Git的最新版本。Homebrew是macOS上的一款开源的软件包管理系统,用以简化macOS系统上的软件安装过程。

在Windows上我建议你安装Git for Windows, 在安装Git for Windows的过程中建议你安装其提供的Git Bash。Git Bash是一个命令行下运行Git的Bash模拟工具,Linux和Mac用户会觉得很熟悉。如果你不习惯使用Bash,你也可以使用Git for Windows的图形化(GUI)工具。

Git GUI

检查Node.js和Git是否正确安装

检查Node.js和Git是否正确安装,在打开的一个终端(windows上可以用git bash 或PowerShell, Mac上用terminal)窗口内,分别输入以下命令并按回车。

node -v 
git --version

node -v是检查系统中已经安装的Node.js的版本号,如果你得到的是如v10.15.0,那么恭喜你,你已经正确安装了Node.js最新的LTS版。git --version是检查系统中已安装的Git的版本的命令。

安装其他所需组件

在正确安装了Node.js和Git之后,下一步就是用Node.js 里自带的软件包管理器npm来安装其他所需组件。

使用下面的命令在一个打开的终端(windows上可以用git bash 或PowerShell, Mac上用terminal)窗口中安装:

npm install adapt-cli -g
npm install grunt-cli -g

adapt-cli是一个一键式Adapt开发框架安装与管理工具,由Adapt开发框架的核心开发团队开发与维护,是使用Adapt开发框架开发课件的利器。

grunt-cli是基于Node.js的项目构建工具,或打包工具,它可以自动运行你所设定的任务。Adapt课件开发框架使用grunt-cli作为其打包工具。

到这里你的Adapt开发环境就配置好了,我们将在本文的下篇中讨论如何运用adapt-cli和手动的方法安装Adapt开发框架并创建我们的第一个Adapt课件。


* 题头图来自 Pixabay

《Adapt 响应式课程开发框架》系列原创文章由我爱E-Learning电子学习社区独家发布,转载请署名并给出原文链接。

我要评论

社交媒体

现在就跟我们在微博上进行互动吧!有什么问题和建议,也可以发邮件给我们。