1.4.2　安装Node.js和http-server

由于一个移动端Web页面开发需要使用HTML、CSS样式、JavaScript等技术，还需要向服务器请求资源。那么如何直接运行JavaScript文件得到结果呢？这就需要使用Node.js。发送给服务器请求网络图片和网络资源等则需要用到http-server来实现接口的请求。现在分别介绍Node.js和http-server的安装步骤以及它们的使用方法。

1．安装Node.js

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，简单地说就是运行在服务端的JavaScript。通过Node.js的官网直接下载安装包安装即可，其安装包及源码下载地址为https://nodejs.org/en/download/，如图1.5所示。根据不同平台系统选择自己需要的Node.js安装包下载安装即可。

图1.5　Node.js安装包

本文以Windows平台为例，安装步骤如下：

步骤01　双击下载后的安装包v0.10.26，如图1.6所示。

图1.6　v0.10.26版本安装包

步骤02　单击“Run”按钮，然后选择“Next”按钮，勾选“接受协议”选项，单击“Next”按钮，如图1.7所示。

图1.7　勾选接受协议

步骤03　默认安装目录为“C:\Program Files\nodejs\”，也可以自行选择修改目录，并单击“Next”按钮，如图1.8所示。

图1.8　选择安装目录

步骤04　然后直接默认，单击“Next”按钮，如图1.9所示。

图1.9　默认并单击“Next”按钮

步骤05　单击“Install”（安装）按钮，开始安装Node.js，最后完成安装。

按照以上安装步骤完成Node.js安装之后，会自动将路径添加到系统环境变量中，因此通过快捷键Win+R打开命令行工具，输入“node--version”或者简写“node-v”查看，如果输出安装的Node版本号，则表示安装成功，如图1.10所示。

图1.10　查看Node安装版本

2．安装http-server

在写Web页面时，经常会在浏览器中运行HTML页面，然而从本地文件夹中直接打开的HTML文件一般都是file协议，当代码中存在HTTP或HTTPS的协议链接时，HTML页面就无法正常打开。为了解决这种情况，需要在本地开启一个本地的服务器。http-server是一个轻量级的基于Node.js的HTTP服务器，它可以使任意一个目录成为服务器的目录。所以本书利用Node.js中的http-server来开启本地服务。

由于前面已经安装了Node环境，所以安装http-server只需在终端中输入以下命令：

    npm install http-server -g

通过上述命令全局安装http-server即可。要开启一个http-server服务，则在终端中进入目标文件夹，然后输入以下命令：

    http-server -c-1

直接按快捷键Ctrl+C即可关闭http-server服务。