Node.js 10实战最新章节_王金柱著

第2章
◄ 部署Node.js开发环境 ►

部署Node.js开发环境是正式接触Node.js的第一步。Node.js可以在多个不同的平台稳定运行，并且具有良好的兼容性。但是Node.js部署在不同操作系统下的方法并不完全一致，本章主要介绍如何在各个操作系统平台下进行Node.js的部署。

通过本章的学习，可以掌握以下内容：

Windows部署：学会如何在Windows操作系统上安装Node.js。
Linux部署：学会在各种Linux发行版本上部署Node.js开发环境。
Mac OS X部署：学会在Mac的OS X系统上部署Node.js开发环境。
树莓派3部署：学习如何使用nvm在树莓派3上部署Node.js开发环境。
开发工具介绍：介绍Sublime Text 3的使用方法和Node.js插件的安装。

2.1　在Windows 10下部署Node.js开发环境

Node.js可以在Windows系统下稳定运行，本节主要介绍Windows 10下的Node.js环境部署。在Windows中进行Node.js环境部署是相对比较简单的，首先从Node.js的官方网站（https://nodejs.org/en/download/）上下载最新的Windows安装包，国内用户可以通过Node.js官方中文站点（http://nodejs.cn/download/）进行下载。中文站点的下载页面和英文站点的布局略有不同，中文站点只提供最新发布版本的下载链接，而英文站点同时提供最新稳定版本和最新版本两个版本的下载链接。

提示

Node.js的其他发布版本可以从https://nodejs.org/dist/找到，本书以v10.9.0在Windows 10进行安装为例进行介绍。

Node.js的安装包在Windows平台分为installer和Binary两个版本。installer是通常的安装包发布版本（.msi）。Binary为二进制版本，可以下载后直接运行（.exe）。这里建议使用后缀为.msi的安装版本。此外，Node.js的安装包分为32位和64位，在下载的时候请查看系统的具体信息，并选择正确的安装包进行下载和安装。

打开Node.js官方网站下载页面，如图2.1所示。读者可根据自己的系统选择，比如笔者的电脑是64位的Windows系统，下载的是node-v10.9.0-x64.msi。

图2.1　Node.js官方网站下载页面

提示

如果选择Node.js之前的版本，可以在官方网站中找到Previous Releases链接，然后查找需要的版本号。

2.1.1　使用安装包安装Node.js

（1）安装包下载完之后是一个16MB大小的后缀名为msi的安装文件，双击下载后的安装包文件，首先弹出安装向导的欢迎界面，如图2.2所示。

图2.2　欢迎界面

（2）单击图2.2中的Next（下一步）按钮会出现最终用户授权协议界面，如图2.3所示。勾选接受协议选项后Next按钮会变为可用状态，单击Next按钮进入下一步。

图2.3　最终用户授权协议界面

（3）此时打开Node.js，默认安装目录为C:\Program Files\nodejs\，如图2.4所示。我们既可以通过Change按钮修改目录，又可以直接单击Next按钮。

图2.4　安装目录

（4）单击Next按钮后出现如图2.5所示的自定义安装界面，我们选择默认设置即可。单击Next按钮后会出现一个准备安装界面，单击界面中的Install按钮。

图2.5　自定义安装界面

（5）开始安装的界面如图2.6所示。安装需要等待1分钟左右，安装完成后出现完成界面，单击Finish按钮就完成安装了。

图2.6　开始安装

（6）安装后，系统默认的环境变量PATH是C:\Documents and Settings\Administrator\ Application Data\npm，也可以根据需要手动修改本地的安装目录，并将全局目录设置为与本地初始默认安装目录一致。在完成安装Node.js的时候，默认也安装了NPM。NPM是Node.js的包管理工具，在后面的章节进行介绍。

提示

要查看PATH变量，需要右击计算机，选择“属性”|“高级系统属性”选项，打开“系统属性”对话框。然后单击“高级”|“环境变量” 选项，在“用户变量”列表项中找到PATH变量，单击下方的“编辑”按钮就可以看到所有变量在这里的设置，主要是设置路径。

2.1.2　测试Node.js开发环境

安装Node.js开发环境成功之后，创建一个简单的App来测试Node.js是否能够正常运行。

首先，为App创建一个目录，目录里面创建一个名为hello_world.js的JS文件，然后在hello_world.js中写入如下代码。

【示例2-1】

var http = require('http');
http.createServer(function (request, response) { r
  esponse.writeHead(200, {'Content-Type': 'text/plain'});
  response.end('Hello World\n');
}).listen(3000);
console.log('Server running at http://localhost:3000/');

【代码说明】

上面的代码是一个简单的Node.js Web服务举例，会在电脑上创建一个HTTP Web服务，并在网页上打印出Hello World字符串。通过Windows开始菜单｜Node.js｜Node.js command prompt来运行Node.js。Node.js command prompt是一个命令行界面，用来启动Node.js编译环境。如果在开始菜单里找不到Node.js command prompt，可以在搜索框中输入node，然后找到它并运行。

因为默认打开的路径不是我们创建项目的路径，所以这里可以通过cd命令来切换路径：

E:\                            #切换到E盘
cd E:\WebstormProjects\NodejsDev\chpater02    #切换到项目路径

接下来运行hello_world.js，简单地输入如下node命令：

node hello_world.js

如果一切都顺利，那么我们将会在command prompt中看到：

Server running at http://localhost:3000/

界面内容如图2.7所示。

图2.7　Node.js命令行运行界面

然后打开浏览器输入如下URL：

http://localhost:3000/

接着会在浏览器中看到“Hello World”，如图2.8所示。这说明Node平台安装成功，并且能成功运行Node.js程序。

图2.8　Hello World程序运行结果

2.2　在Linux下部署Node.js开发环境

在Linux下安装Node.js有很多种方法，常见的方法有通过包管理器安装和源码安装。下面针对各种版本的Linux和安装方法进行介绍。

2.2.1　通过源码安装Node.js

下面以Ubuntu 16.04为例说明如何使用源码安装Node.js。

（1）通过下面的命令安装版本工具。

   apt-get install make g++ libssl-dev git

（2）新建一个目录，并使用wget命令下载Node.js源码。

   cd /tmp
   wget http://nodejs.org/dist/v0.10.32/node-v10.9.0-linux-x64.tar.gz
   tar -xvf node-v10.9.0-linux-x64.tar.gz
   cd node-v10.9.0

或者通过git命令直接从GitHub上复制。

   git clone https://github.com/joyent/node
   cd node

（3）配置安装选项并进行编译安装，其中X代表服务器的CPU数量。

   ./configure
   make -jX
   make install

安装成功后，可以使用node -v命令来检查Node.js的版本以及是否安装成功。

提示

Node.js选择下载源码进行编译安装之前，要确保系统安装了Python 2.6或3.5（或更高的版本）。

2.2.2　通过包管理器安装Node.js

在Linux的不同版本下可以使用NPM安装Node.js。下面仅列举几种常见的安装Linux发布版的方法。

1．Arch Linux

在Arch Linux中，Node.js和NPM包是全面支持的，可以通过一条指令进行安装：

pacman -S nodejs npm

2．基于Debian和Ubuntu的Linux发布版

基于Debian和Ubuntu的Linux发布版主要包括Linux Mint、Linux Mint Debian Edition（LMDE）和elementaryOS，可以通过Debian和Ubuntu的社区NodeSource来下载和安装，在GitHub上的链接地址是https://github.com/nodesource/distributions。需要注意的是，通过nodesource安装的版本可能并不是最新的。

安装Node.js 10.x版本的方法如下：

curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs

3．Red Hat Enterprise Linux/RHEL、CentOS和Fedora

在Red Hat、CentOS和Fedora上使用NPM安装Node.js的时候需要修改对应的地址，具体版本的链接可能略有不同。要使用root用户登录，并执行下面的命令：

4.x版本

curl --silent --location https://rpm.nodesource.com/setup_4.x | bash -

6.x版本

curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -

10.x版本

curl --silent --location https://rpm.nodesource.com/setup_10.x | bash -

然后使用yum命令来安装Node.js：

yum -y install nodejs

在Fedora 18之后的版本，Node.js和NPM是默认支持的，只需要通过下面的一条命令就可以安装：

sudo yum install nodejs npm

2.3　在Mac OS X下部署Node.js开发环境

在Mac OS X上安装有3种方式，即使用源码安装、使用NPM包管理器安装和使用安装包安装。本节主要介绍如何使用.dmg安装包和NPM包管理器进行安装。

2.3.1　使用.dmg安装包进行安装

首先从Node.js官方网站上下载最新的OS X安装包，并按照安装向导进行安装，界面如图2.9所示。

图2.9　在OS X下安装Node.js

安装之后，/usr/local/bin在环境变量中已经定义，如果没有，就在当前用户home目录下的.bash_profile或者.bashrc中添加。

2.3.2　使用NPM包管理器安装

使用NMP包管理器安装Node.js时要从Node.js的官方网站上下载最新的Macintosh Installer。可以通过curl执行下面的命令来安装：

curl "https://nodejs.org/dist/latest/node-${VERSION:-$(wget -qO
https://nodejs.org/dist/latest/ | sed -nE 's|.*>node-(.*)\.pkg</a>.*|\1|p')}.pkg"
> "$HOME/Downloads/node-latest.pkg" && sudo installer -store -pkg
"$HOME/Downloads/node-latest.pkg" -target "/"

或者使用MacPorts执行下面的代码：

port install nodejs

2.4　在树莓派3下使用NVM安装Node.js

树莓派是一款卡片式的学习电脑，由英国剑桥大学在2012年3月首发。本节主要介绍如何在树莓派3的官方操作系统Raspbian上使用NVM安装Node.js。

（1）下载和安装NVM（https://github.com/creationix/nvm）。NVM的全称是Node Version Manager（Node.js版本管理器），它可以让我们在各个Node.js版本之间进行灵活的切换。

git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout
v0.25.4

（2）使用nano命令编辑.bashrc和.profile，在文件末尾增加source ~/.nvm/nvm.sh，并重新启动树莓派，具体命令如下：

sudo nano ~/.bashrc
sudo nano ~/.profile
sudo reboot

（3）启动完成后，在shell里面执行nvm命令。当看到输出时，表示NVM安装成功。

nvm --version

（4）开始安装Node.js。使用nvm命令安装Node.js稳定版，如v8.11.4。

$ nvm install 8.11.4

（5）安装完成后，可以使用下面的代码进行查看。

$ nvm ls

这时可以看到自己安装的所有Node.js版本。

2.5　使用NPM进行Node包的安装

前面我们已经使用很多次NPM命令了，这其实使用的是Node.js默认的包管理器NPM。当Node.js安装完成后，NPM也默认安装完成。安装包模块使得Node.js变成了一个更加强大的Web App开发平台。它能预先为Node.js App提供所需要的功能。NPM官方网站号称有250 000个不同的包可供开发者下载使用，网址为https://www.npmjs.com/。

例如，我们希望在Node.js上扩展一个MySQL接口，可以让我们在App中使用MySQL数据库，只需要在Node.js command prompt中输入如下命令即可：

npm  install  mysql

上面的命令会通过NPM下载和安装MySQL Node包。当选择的包安装完成时会看到如图2.10所示的信息。

图2.10　使用NPM在Windows下安装MySQL包

NPM的常用命令介绍如下。

（1）查看帮助

npm help或npm h

（2）安装模块

npm intstall <Module Name>

（3）在全局环境中安装模块（-g：启用global模式）

npm install -g <Module Name>

更多的内容可参考https://npmjs.org/doc/install.html。

（4）卸载模块

npm uninstall  <Moudle Name>

（5）显示当前目录下安装的模块

npm list

提示

Node.js安装成功后，系统会自动在PATH用户环境变量和系统环境中分别添加NPM和Node.js路径。

2.6　开发工具介绍

为了更高效地编写Node.js代码，需要使用一个好的编辑器，这里推荐大家使用Sublime Text。Sublime Text是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件。它主要有以下两大优点。

跨平台：Sublime Text 3为跨平台编辑器，可以在Windows、Mac OS X和Linux下安装。开发人员在开发和测试的时候切换系统是常有的事情，为了减少重复学习，使用一个跨平台的编辑器是很有必要的。Sublime Text 3可以使你的开发工作在各个系统之间进行无缝切换。
可扩展：Sublime Text 3包含大量实用插件，可以通过安装自己领域的插件来成倍提高工作效率。

Sublime Text有Sublime Text 2和Sublime Text 3两个版本。它们的界面大致相同，但是Sublime Text 3的启动速度更快，而且支持更多的功能，所以本书以Sublime Text 3为例进行介绍。

2.6.1　下载安装Sublime Text 3

Sublime Text 3 beta版本已经非常稳定了，官方下载网址为http://www.sublimetext.com/3。需要注意的是Sublime Text 3是付费软件，虽然可以无限期地进行试用，但是如果是长期使用，建议购买正版的序列号激活。

（1）打开下载页面，如图2.11所示。64位的Windows系统请选择“Windows 64 bit”安装包，即下载文件为“Sublime Text Build 3176x64 Setup.exe”的安装程序。“portable version”下载下来为“Sublime Text Build 3176 x64.zip”编辑器的包，解压后无须安装就能运行。

图2.11　Sublime Text 3官方下载页面

（2）双击下载下来的安装包，并按照提示进行安装，如图2.12所示。

图2.12　Sublime Text 3的安装过程

（3）安装成功后，双击桌面上的“Sublime Text 3”快捷图标，就可以打开Sublime Text 3程序了。

提示

如果是Mac OS X或者Ubuntu就下载相应的安装包，并参照安装说明进行操作。如果是在Linux下安装，就先使用uname –m命令查看操作系统的类型，再选择合适的安装包。

2.6.2　Sublime Text操作界面

Sublime Text 3的操作界面如图2.13所示。

图2.13　Sublime Text 3的操作界面

界面中的各种操作选项说明如下。

标签（Tab）：分别显示每个打开的文件。
编辑区（Editing Area）：编辑文本内容的区域，位于界面的中心位置。
侧栏（Side Bar）：包含当前打开的文件以及文件夹视图。
缩略图（Minimap）：当前打开文件的缩略图。
命令板（Command Palette）：Sublime Text的操作中心，使我们基本可以脱离鼠标和菜单栏进行操作。
控制台（Console）：使用Ctrl + `快捷键可以调出该窗口。它既是一个标准的Python REPL，又可以直接对Sublime Text进行配置。
状态栏（Status Bar）：显示当前行号、当前语言和Tab格式等信息。

提示

Sublime Text 3的相关操作文档和使用说明在https://www.sublimetext.com/docs/3/上。

2.6.3　安装Sublime Text 3插件

Sublime Text 3最强大的功能是针对各种开发语言的编辑插件。为了安装和管理这些插件，我们首先需要安装包管理器（Package Control），官方首页链接为https://packagecontrol.io。通过Ctrl+`快捷键或者在菜单中选择View | Show Console来打开控制台，然后将下面的代码粘贴到控制台中运行。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' +
'8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp
= sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.Pro
xyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' +
pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error
validating download (got %s instead of %s), please try manual install' % (dh, h))
if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

这段代码将创建一个安装包的目录，并将包控制器Package Control.sublime-package下载到这个目录中。安装完毕后，需要重新启动Sublime Text 3。

2.6.4　安装Node.js插件

在Package Control首页的搜索框中输入NODE，就可以查找到所有和Node.js相关的包，如图2.14所示。可以看到由tanepiper创建的Node.js包是当下最热门的Node.js插件，下载量为156 000次。

图2.14　Package Control包搜索和下载页面

打开Node.js包的链接，我们可以看到这个包的详细介绍和使用方法，并且可以查看到这个包每月的下载量。

在MaC OS X下的安装命令：

`git clone https://github.com/tanepiper/SublimeText-Node.js.git
~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Node.js`

在Windows下的安装命令：

`git clone https://github.com/tanepiper/SublimeText-Node.js "%APPDATA%\Sublime
Text 3\Packages\Node.js"`

在Linux下的安装命令：

`git clone https://github.com/tanepiper/SublimeText-Node.js
$HOME/.config/sublime-text-3/Packages/Node.js`

2.6.5　Sublime Text 3快捷键

按照类型可以把快捷键分为编辑、选择、查找和替换、跳转、窗口、屏幕。这里分别对常用的快捷键做一个简单介绍。

1．编辑

Ctrl+Enter：在当前行下面新增一行，然后跳至该行。
Ctrl+Shift+Enter：在当前行上面增加一行并跳至该行。
Ctrl+←/→：进行逐词移动。
Ctrl+Shift+←/→：进行逐词选择。
Ctrl+↑/↓：移动当前显示区域。
Ctrl+Shift+↑/↓：移动当前行。

2．选择

Ctrl+D：选择当前光标所在的词并高亮显示该词所有出现的位置，再次按Ctrl+D快捷键选择该词出现的下一个位置。在多重选词的过程中，使用Ctrl+K快捷键进行跳过，使用Ctrl+U快捷键进行回退，使用Esc键退出多重编辑。
Ctrl+Shift+L：将当前选中区域打散。
Ctrl+J：把当前选中区域合并为一行。
Ctrl+M：在起始括号和结尾括号间切换。
Ctrl+Shift+M：快速选择括号间的内容。
Ctrl+Shift+J：快速选择同缩进的内容。
Ctrl+Shift+Space：快速选择当前作用域（Scope）的内容。

3．查找和替换

F3：跳至当前关键字下一个位置。
Shift+F3：跳到当前关键字上一个位置。
Alt+F3：选中当前关键字出现的所有位置。
Ctrl+F/H：进行标准查找/替换，之后：
- Alt+C：切换大小写敏感（Case-Sensitive）模式。
- Alt+W：切换整字匹配（Whole Matching）模式。
- Alt+R：切换正则匹配（Regex Matching）模式。
Ctrl+Shift+H：替换当前关键字。
Ctrl+Alt+Enter：替换所有关键字匹配。
Ctrl+Shift+F：多文件搜索和替换。

4．跳转

Ctrl+P：跳转到指定文件，输入文件名后可以再输入以下内容。
- @符号：跳转输入，如@symbol跳转到symbol符号所在的位置。
- #关键字：跳转输入，如#keyword跳转到keyword所在的位置。
- ：行号：跳转输入，如：12跳转到文件的第12行。
Ctrl+R：跳转到指定符号。
Ctrl+G：跳转到指定行号。

5．窗口

Ctrl+Shift+N：创建一个新窗口。
Ctrl+N：在当前窗口创建一个新标签。
Ctrl+W：关闭当前标签，当窗口内没有标签时会关闭该窗口。
Ctrl+Shift+T：恢复刚刚关闭的标签。

6．屏幕

F11：切换至普通全屏。
Shift+F11：切换至无干扰全屏。
Alt+Shift+1Single：切换至独屏。
Alt+Shift+2Columns:2：切换至纵向二栏分屏。
Alt+Shift+3Columns:3：切换至纵向三栏分屏。
Alt+Shift+4Columns:4：切换至纵向四栏分屏。
Alt+Shift+8Rows:2：切换至横向二栏分屏。
Alt+Shift+9Rows:3：切换至横向三栏分屏。
Alt+Shift+5：Grid切换至四格式分屏。

2.7　温故知新

学完本章后，读者需要回答：

1. 在Windows 10下安装Node.js有哪几种方式？

2. 如何使用NPM下载特定的Node.js开发包？

3. Node.js在Windows中的默认安装路径是什么？

4. 在Sublime Text 3中使用什么快捷键可以新建一个文档？

5. Node.js支持哪些操作系统？

第2章 ◄ 部署Node.js开发环境 ►

2.1 在Windows 10下部署Node.js开发环境

提示

提示

2.1.1 使用安装包安装Node.js

提示

2.1.2 测试Node.js开发环境

2.2 在Linux下部署Node.js开发环境

2.2.1 通过源码安装Node.js

提示

2.2.2 通过包管理器安装Node.js