Node.js环境搭建及测试

Node.js是什么?

    简单的说 Node.js 就是运行在服务端的 JavaScript
    
    Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台
    
    Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好

谁适合学习？

    如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择
    
    Node.js 是运行在服务端的 JavaScript，如果你熟悉Javascript，那么你将会很容易的学会Node.js
    
    当然，如果你是后端程序员，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择

Node.js环境搭建

1、Node.js下载

下载地址：https://nodejs.org/zh-cn/download/
请根据需求选择相应的版本进行下载；本章所使用的版本信息为：node-v10.15.3-win-x64.zip。

下载地址：https://nodejs.org/zh-cn/download/
请根据需求选择相应的版本进行下载；本章所使用的版本信息为：node-v10.15.3-win-x64.zip。

注1：Node有两个版本线: LTS是长期维护的稳定版本Current是新特性版本

2 、解压
将文件放置于指定路径(例如：E:\initPath)，随后在解压完成后创建位于该解压目录下的node_global与node_cache两个子目录

注1：新建目录说明
node_global：npm全局安装位置
node_cache：npm缓存路径

3 、配置环境变量

新增NODE_HOME，值为：E:\initPath\node-v10.15.3-win-x64

修改PATH并在最后添加：;%NODE_HOME%;%NODE_HOME%\node_global;

注2：安装验证：在终端中运行以下指令后会显示Node.js和npm版本信息
node --version 和 npm --version

如图（输出NodeJs和npm的版本号，说明环境变量配置成功了）：

4、设置npm全局模块路径和缓存默认安装位置（ 启动命令提示符窗口，并分别运行以下命令：）

    	  npm config set cache "E:\initPath\node-v10.15.3-win-x64\node_cache"
    	  
      npm config set prefix "E:\initPath\node-v10.15.3-win-x64\node_global"

注1：生成节点以表示全局安装位置及缓存路径与npm生态系统的连接关系。
注2：若操作出现停滞现象，请清空C:\Users\(用户名).npmrc文件后尝试重新运行。
注3：请特别注意配置路径时确保双引号完整无误。

5、优化或升级npm镜像以加快下载速度(可以选择cnpm命令行工具或直接配置环境变量 ，建议优先配置--registry选项)**

      设置淘宝源:npm config set registry https://registry.npm.taobao.org/

将以上代码在cmd运行

注释：如需还原初始配置，请执行以下操作

注释：如需还原初始配置，请执行以下操作

为了确认后续步骤4和5是否完成成功，请核查C:\Users\用户名.npmrc文件中是否存在指定内容。如果存在，则表示步骤完成；配置也随之完成。

测试（运行下载的Node.js项目）

项目下载：http://www.javaxl.com/uploadImages/2019/07/11/20190711115311.zip

1、将下载的项目解压到指定目录，本例是解压到：E:\temp\vueproject

1. 打开命令窗口（cmd）
2. 切换到E盘 （E:）
3. 进入指定目录（cd E:\temp\vueproject）

2、进行依赖安装（ 需要联网）

当我们命令窗口进入指定目录后，输入npm install，然后静静的等待

在执行命令之后，在项目的根目录中新增了一个node_modules文件夹；这些模块是从npm远程库里下载的；随后将这些模块整合到你的项目中；这一步骤相当于修改maven的pom文件以添加依赖项；同时maven还会从中央仓库下载其他依赖项；那么这个pom文件位于哪里？其实就是项目中的package.json_

3、启动项目

完成步骤2之后， 输入 npm run dev，运行项目，出现如下图

将域名复制到浏览器打开，就会出现以下图，说明测试成功

总结：

    1、下载nodeJS的安装包
    2、解压nodeJS的解压包，在根目录下新增两个文件夹node_global和node_cache
    3、配置环境变量
    	NODE_HOME:配置的是nodeJS解压的根路径E:\initPath\node-v10.15.3-win-x64
    	path:%NODE_HOME%;%NODE_HOME%\node_global
    	node -v
    	npm -v
    4、配置npm的全局模块的下载地址
    	npm config set cache "E:\initPath\node-v10.15.3-win-x64\node_cache"
    	npm config set prefix "E:\initPath\node-v10.15.3-win-x64\node_global"
    	npm config set registry https://registry.npmjs.org/
    5、下载github的Vue的项目解压
    6、在解压的项目中是没有node_modules的，在工程的根目录下需要通过npm install进行再次依赖下载（package.json）
    7、在通过npm run dev 启动项目

按照以上步骤 慢慢，仔细 的来，绝对没错