Node.js | 开发环境搭建

一、软件安装

1、VirtualBox虚拟机
2、CentOS操作系统
3、Node.js 、 mongodb-server 、 mongodb 、 Redis （安装在Linux服务器上）
4、XShell和XFtp（安装在Windows上）

软件安装.png

二、安装VirtualBox

下载VirtualBox，直接安装。新建虚拟机电脑，类型选择Linux，版本选择other...64位。内存设置为1024M。

三、安装CentOS

下载CentOS DVD，在VirtualBox中使用CentOS DVD虚拟光盘进行安装。
在CentOS安装过程中，选择关闭Right Ctrl。
在配置中，指定安装Base服务器和开发者工具。
在配置中，把网络设置为“桥接网卡”。
在配置中，设置CentOS操作系统的用户名root，密码自定义。
CentOS安装完成。

四、在CentOS中配置网卡（方式1：“桥接网卡”）

第1步：网卡配置

更改虚拟机的网关配置.png

接着使用如下Linux命令（vi）进行网卡配置：
G 跳转到配置文件的最后一行；
i 进入编辑模式，把最后一行的 “=no” 改为 “=yes"
Esc 退出编辑模式。
: 进入命令行模式。
wq 保存配置文件并退出。
第2步：重启CentOS系统的网络、并查看CentOS系统的ip配置

重置虚拟机网络查看虚拟机ip.png

第3步：回到windows系统中，在hosts文件中为Linux指定ip映射，以使Linux虚拟机的ip变成固定ip。
在hosts文件中，追加上：192.168.1.103 geeknode

注：在Xshell中用命令行连接VM
ssh root@geeknode 22 或者 ssh [email protected] 22 （当端口号是22时，可省略端口号）。
（说明：前者是CentOS上的ip号，后者是自定义域名）通过这个自定义域名，即可访问到CentOS系统。
网卡配置、固定ip，设置成功。

五、在windows上，使用XShell连接Linux-CentOS

在XShell中新建连接，连接名可自定义，协议选择SSH，主机选择”第四步“中的"geeknode"或者"192.168.1.103"（即Linux虚拟机的域名），然后确定。提示输入用户名，即CentOS系统的用户名 root，再提示输入密码，即安装CentOS时自定义的登录密码。如此，便连接成功。以后就可以在xshell中，使用这个连接来自动连接到Linux-centos服务器了。

六、在Linux服务器上安装node开发所需要的软件

1、在Xshell中，打开与Linux服务器的连接（即第五步中所创建的连接）。连接成功后，即可在Xshell中使用命令行来操作Linux服务器了。
2、安装 epel
yum install epel-release
3、安装node.js
yum install nodejs
node -v
4、安装mongodb-server（mongodb服务器）
yum install mongodb-server
5、安装mongodb
yum install mongodb
mongo --version
6、安装Redis
yum install redis
redis-cli -v

七、测试Linux-CentOS-Node.js开发环境是否搭建成功

在Xshell中进行如下操作：
vim test.js 在Linux服务器上创建test.js文件
i 进入编辑模式
console.log('hello world'); 输入这段代码
Esc 退出编辑模式
: 进入命令行模式
wq 保存test.js文件并退出
node test.js 用node.js来运行执行test.js文件
在Xshell控制上如果输入了"hello world"，则Linux-CentOS-Node.js开发环境搭建成功。

八、关于Linux虚拟机网卡配置的另一种方式（方式2：网络地址转换(NAT)）

VM虚拟机中的网络设置的第二种方式： “网络地址转换(NAT)”--"高级"--“端口转发”--添加规则。（确保Linux上的ip地址是10开头的）。

端口转发.png

1、当VM虚拟机中的网络设置是“桥接网卡”时，为了保证VM虚拟的ip固定不变，我们需要在hosts文件添加本机映射（详情本文第四步），此时在Xshell中连接VM ： ssh root@geeknode 22 （端口号如果22可省略）。
2、当VM虚拟机中的网络设置是“网络地址转换(NAT)”时，为了保证VM虚拟机的ip固定不变，我们需要让“网络地址转换(NAT)”--"高级"--“端口转发”进行端口转发。此时在Xshell中连接VM ： ssh [email protected] 22 （端口号如果是22可省略）。

九、在sublime中安装sftp插件，把本地文件同步到Linux服务器上

1、在sublime中先安装sftp插件
2、对sftp进行自定义配置

使用sftp插件把本地文件同步到Linux服务器上.png

对传输协议、Linux服务器的ip地址、用户名、密码、Linux远程目录等进行配置。
3、配置完成后，在sublime中，在项目文件上右键--sftp--映射到远程，即可把本地项目代码同步到Linux服务器上。

十、XShell / XFtp安装

下载，直接安装即可。

十一、Node开发工具与调试工具

node开发工具及调试工具.png

1、安装NPM
yum install npm
npm -v
2、安装NPM的淘宝镜像CNPM
npm config set strict-ssl false 关闭NPM的严格认证
npm install cnpm -g --registry= https://registry. npm.taobao.org/ 用npm全局安装CNPM，并指定cnpm的仓库地址（注册机构）。CNMP安装完成。之后就可以用CNPM代替npm来安装node外部模块了。
3、在指定文件夹中安装express
cd /home/demo
cnpm install express
ll 查看当前文件夹的文件列表
4、全局安装nodemon
cnpm install nodemon -g
nodemon app.js 使用nodemon运行.js文件。
（使用nodemon运行.js文件，它会监视文件的改变，并实时地运行当前文件而不需要重启。）
5、全局安装PM2
cnpm install pm2 -g
6、全局安装node调式工具 node-inspector
cnpm install node-inspector -g
（使用node-inspector，可以把Linux服务器上的项目文件显示在谷歌浏览器中，从而方便调试。）

十二、使用上述安装的node开发工具和调试工具

1、在VM中访问http服务器，要经过防火墙。在访问服务器时，建议先关闭VM的防火墙。
systemctl stop firewalld 关闭VM防火墙
cd /home/deme 进入node项目目录
ll 查看项目中的文件列表
nodemon --debug app.js 添加一个debug参数
node-inspector 启动node-inspector
（node-inspector启动，在windows谷歌浏览器地址栏中输入node-inspector启动时在控制台上打印的url，即可配合谷歌浏览器进行调试，如打断点、同步执行等）。
2、使用谷歌浏览器调试node项目
F12 -- console / source / network 三个重要工具。
3、ctrl+o
在node-inspector调试服务端项目时，ctrl+o查找的是Linux服务端的项目文件。
在F12 -> source调试前端项目时，ctrl+o查找的是客户端项目文件。