2.1 搭建开发环境
开发环境一般分为Linux、Windows和Mac。本章主要讲解Linux和Windows开发环境的搭建,包括Node.js环境、NPM环境和IDE环境。
2.1.1 对操作系统的要求
Node. js支持多种操作系统,分为长期支持版本和当前发布版本。截至本书写作时,Node.js已经发布到15.2.0版本了。
长期支持版本可支持Windows、macOS和Linux。Node.js版本分为32位和64位,同时在Windows上,Node.js还要求有Visual C++环境。
MongoDB建议使用Amazon Linux 2、Debian 9 and Debian 10、RHEL/CentOS 6、CentOS 7 and CentOS 8、SLES 12、Ubuntu LTS 16.04 and Ubuntu LTS 18.04、Windows Server 2016。
2.1.2 对软件环境的要求
软件环境应有基本的IDE安装,如WebStrom、SubmText、IDEA,以及运行的数据库、MongoDB、包管理器的基本安装与配置、NPM的安装与配置、yard的安装与配置,还有安装的全局目录配置等。
其中,最主要的软件环境要求是MongoDB的安装,以及包管理器的安装。
2.1.3 下载和安装Node.js
对于Node.js来说,下载和安装需要两种环境,分别为Windows环境和Linux环境,下面将分别介绍这两种环境。
1.在Windows环境中安装Node.js
从Node.js 0.6版就可以运行在原生的Windows系统上(不是Cygwin等其他虚拟环境)。这主要来源于微软公司的合作。
但Node.js和Windows的兼容性依然不高,在NPM包上,如saas等代表的NPM包必须安装相关的C/C++等模块,这是在Windows上安装所特有的。
在Windows环境中安装Node.js十分方便,通过官网https://nodejs.org/zh-cn/,单击Download链接,选择“Windows Installer”选项下载相应的安装包。下载完成后,打开安装包,如图2-1所示,单击“Next”按钮即可自动完成安装。
图2-1 Node.js安装界面(1)
在安装过程中,由于在Windows平台上具有一定的兼容性问题,所以在如图2-2所示的界面中,需要勾选安装C/C++的相关依赖,并在安装结束后弹出的“CMD”对话框中,按任意按键安装相应的Windows依赖脚本。
图2-2 Node.js安装界面(2)
为了测试能否安装成功,我们在powshell中打开命令提示符,输入如下命令,获取NPM当前安装的版本,其中-v参数表示获取当前的版本信息。
输出:
表示包管理器已经安装完成,安装的版本为6.14.8,继续使用同样的方法,测试Node.js版本,输入如下命令:
如果输出如下命令,则表示安装基本完成。安装的Node.js版本为14.15.0。
至此在Windows上安装Node.js已经完成。
由于镜像在国外,若网速过慢,会导致包下载失败。用户可根据需要配置NPM的源,如配置淘宝网的NPM源镜像,可输入如下命令:
使用时可输入如下命令:
即可完成基本的淘宝源使用,加快下载速度。
2.在Linux环境中安装Node.js
在Linux环境中安装Node.js有两种方式:一种是使用库方式安装,另一种是使用源代码方式安装,下面分别进行介绍。
◎使用库方式安装
先安装epel仓库。epel仓库主要是Fedora社区打造的,可为Linux及其衍生版本提供高质量的软件安装源,安装完成以后,即可安装对应的相关软件。
然后使用yum命令,安装Node.js软件。
最后使用npm命令,下载相关NPM的主要依赖核心包。
输入-v命令,用于测试当前Node.js版本,确保安装完成的Node.js可以正常使用。
若输出的Node.js版本为6.17.1,即表示可以正常使用。
继续使用同样的方式测试npm命令。输入-v参数。
如果能够正常输出如下代码,则表示NPM也能够正常使用,其使用的版本为3.10.10。
至此,在Linux上安装Node.js已基本完成。
◎使用源代码方式安装
输入wget命令和下载参数,即可从网络下载对应的安装包。
使用tar命令进行解压。
解压完成后,使用cd命令进入解压完成的目录。
由于node.js是使用C++/C语言编写的,其在安装运行时,需要使用相关的依赖库(gcc和gcc-c++)。
先完成基本的配置文件生成,指定配置文件的目录为/usr/local/node,使用configure命令完成MakeFile配置文件的生成,然后再使用make命令,生成编译好的库文件,最后使用make install把软件安装至CentOS系统上。
输入-v参数,获取当前安装的Node.js版本,用于测试Node.js是否能正常使用。
如果输出版本号,则表示能正常使用,这里输出的版本号为6.17.1。
继续输入-v参数,获取NPM的版本号,用于测试NPM是否能正常使用。
如果输出版本号,则表示NPM能正常使用,这里输出的版本号为3.10.10。
至此,证明在Linux上已成功安装Node.js。
2.1.4 Node.js IDEA开发工具的配置
为了更加高效地编写Node.js,还需要一个更好的编辑器。本书将讲解三个编辑器的配置,这里讲解的是,使用IDEA作为Node.js开发工具的配置。
IDEA作为Node.js的开发工具具有以下特点:
◎强大的整合能力。它可以快速整合如Git、Maven、Spring等开发工具;
◎提示功能范围广;
◎好用的快捷键和代码模板;
◎精准搜索。
IDEA有Ultimate版本和Community版本,这两个版本的界面大致相同,且功能类似。但是相比较而言,Ultimate版本的功能更加丰富,应用范围也更加广泛。下面以Ultimate版本为例进行介绍。
1.在Windows环境中安装IDEA
在IDEA官网进行相关下载。打开下载界面,如图2-3所示。这里选择功能更加丰富的Ultimate版本。
下载安装包,并按照提示进行安装,如图2-4所示为IDEA安装界面。
图2-3 IDEA的下载界面
图2-4 IDEA安装界面
安装完成后,双击桌面上的IDEA快捷图标,就可以使用IDEA了。
2.IDEA的安装相关插件
选择file→Settings→Plugins进入IDEA插件配置界面,然后搜索node,选择Node.js插件进行安装,Node.js安装界面如图2-5所示。
图2-5 Node.js安装界面
安装完成后,重启IDEA即可完成相关的插件安装。
3.IDEA创建并运行相关Node.js项目
选择file→new→Project→JavaScript→Node.js Express App创建新的项目,这里将创建新的基于Express框架的Node.js项目。
创建项目完成后,IDEA会自动执行NPM install完成相关Express依赖的安装,其安装界面如图2-6所示。
项目安装完成后,Express项目文件如图2-7所示,其中.idea目录存放IDEA的配置文件,bin目录存放项目启动文件,node_modules library root目录存放NPM install下载的依赖文件,public目录存放静态资源文件,routes目录存放express框架的路由文件,views目录存放页面模板文件,app.js文件为项目的启动文件,package.json与package-lock.json文件为项目的依赖文件。
图2-6 IDEA自动安装Node.js相关依赖界面
图2-7 Express项目文件
单击“Terminal”按钮进入命令行界面,输入如下命令表示启动Express项目。其命令含义为使用NPM代为启动相关项目。
此时整个Express项目已经运行起来,其访问链接如下。
http://localhost:3000
出现如图2-8所示的界面,即表示安装成功,能够正常访问Node.js项目了。证明Node.js的IDEA环境配置已经完成。在IDEA中可以使用Node.js的基本功能了。
图2-8 Express项目启动
2.1.5 Sublime Text开发工具的配置
介绍了在IDEA中配置Node.js的相关开发环境后,下面主要讲解在Sublime Text中配置相关开发环境的内容。Sublime Text作为Node.js的开发工具具有以下特点:
◎主流的前端开发编辑器;
◎体积较小且运行速度较快;
◎文本功能强大;
◎支持编译功能,并且在控制台中能看到输出;
◎内嵌Python解释器支持插件开发,以达到可扩展的目的。
目前Sublime Text的最新版为Sublime Text 3。
1.在Windows环境中安装Sublime Text
在Sublime Text官网中打开下载界面,如图2-9所示:
图2-9 Sublime Text下载界面
下载安装包,并按提示进行安装,如图2-10所示为Sublime Text的安装界面。
图2-10 Sublime Text的安装界面
安装完成后,双击桌面上的Sublime Text图标,就可以使用了。
2.配置Node.js开发环境
通过地址https://github.com/tanepiper/SublimeText-Nodejs下载相关的Sublime Text扩展包,解压到通过菜单栏Preferences→Browse Packages打开的系统目录下[2]。
在Sublime Text/Package文件目录下,找到Nodejs.sublime-settings文件,并对文件进行修改,其代码如下:
相对于原文件主要修改了node_command选项和npm_command选项。这两个选项分别为Node在Windows环境下的安装目录与NPM在Windows环境下的安装目录。
其中,save_first选项表示运行命令之前是否保存,如果选择为true,则运行命令之前,该文件会进行保存。node_path选项表示文件运行时,是否使用Windwos中配置的环境变量。expert_mode选项表示在运行时,是否使用Windows中配置的NPM环境变量。ouput_to_new_tab选项表示新的结果,是否在新的tab页中展示。
在Sublime Text/Package文件目录下,找到Nodejs.sublime-build文件,更改其内容如下:
这里主要修改了encoding选项和cmd选项。其中encoding选项表示cmd执行的编码是UTF-8,还是GBK。cmd选项表示每次执行写好的Node.js脚本时,需要执行的Node.js命令。
3.测试配置好的开发环境
新建一个test.js文件,输入如下代码:
在代码中引用了http模块和os模块,并使用http模块的createServer方法在本地3000端口上的一个服务器。
按“Ctrl+B”组合键编译一下,会在Sublime Test控制台中看到如下代码:
若在浏览器中,能正常访问http://127.0.0.1:3000/,则证明环境基本配置成功。
2.1.6 安装和配置MongoDB
MongoDB的安装分为在Windows环境中安装和在Linux环境中安装。下面将分别介绍在这两种环境下的安装方法。
1.在Windows环境中安装MongoDB
MongoDB官网(https://www.mongodb.com/download-center/community)提供了相关已编译好的二进制文件,如图2-11所示。选择Available Downloads选项,输入基本的配置,即可完成下载操作。
下载安装包,并按提示进行安装,如图2-12所示为MongoDB的安装界面。
图2-11 MongoDB的下载界面
图2-12 MongoDB的安装界面
安装完成后,进入Windows的服务界面,如图2-13所示,启动MongoDB服务。
图2-13 启动MongoDB服务
此时软件已在Windows环境中安装完毕。
2.在Linux环境中安装MongoDB
打开vi编辑器,创建.repo文件,用于生成MongoDB的安装相关源,repo文件为Linux环境下的安装源文件。
添加如下的配置信息,用于配置源信息。
输入如下命令,并保存文件。
保存相关的源。
输入如下命令,使用yum方式安装MongoDB文件。
yum命令将自动安装相关的依赖及软件到本地的Linux主机上。
启动MongoDB。输入如下命令,表示使用systemctl命令启动已安装的MongoDB服务。
此时软件已在Linux环境中安装完毕。
3.MongoDB基本配置
MongoDB已安装完成,现在对MongoDB进行基本配置,如密码的配置、远程连接的配置等。
下面的配置均在Linux环境中进行。
1)密码配置
输入命令,进入MongoDB命令行界面。
切换到Admin数据库。
给Admin数据库设置密码,其格式如下:
在这里创建一个新用户,输入的用户名为root,密码为123456,其权限为root。
如果输出如下命令,则表示创建用户已成功。
即表示设置密码成功。
使用db.auth函数,用于验证用户名和密码。
进行相关的验证。如果输出为1,则表示验证成功;如果输出为0,则表示验证失败。
输入命令,进行重启。
下面进行简短的测试。先连接MongoDB:
然后,切换到Admin数据库,使用db.auth函数进行用户名和密码的验证:
如果输出1,则表示验证成功,可以使用该用户名和密码对数据库进行正常的增、删、查、改等操作。
2)外网访问配置
使用vim编辑器,打开配置文件:
修改如下配置项,包括net选项中的port端口选项和bindIp选项。
输入命令重启MongoDB:
至此,外网已可以访问。