nodeJS环境配置

1. Node.js是什么

1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
1.2 Node.js是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言

2. Node.js环境搭建

下载地址https://nodejs.org/zh-cn/download/
根据自己的电脑来下载相应的

2.2解压：
将文件解压到指定位置(例如：d:\tools)，并在解压后的目录下建立node_global和node_cache这两个目录

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

2.3 配置环境变量
新增NODE_HOME，值为：D:\tools\node-v10.15.3-win-x64
修改PATH并在最后添加：;%NODE_HOME%;%NODE_HOME%\node_global;

这里的变量值就是你下载的路径 如图：

找到PATH双击进去并在最后添加：;%NODE_HOME%;%NODE_HOME%\node_global;如图：不要有分号

2.4测试安装是否成功：打开cmd窗口，输出如下命令会输出NodeJs和npm的版本号
输入 node -v和 npm -v即可

2.5 配置npm全局模块路径和cache默认安装位置打开cmd，分开执行如下命令：
npm config set cache
npm config set prefix
输入之后没有反应但是会出现下一次的光标就是说明，是正确的

如果执行命令卡死，可以删除C:\Users\用户名.npmrc 后重新执行。（用户名：为当前电脑的用户名）

2.6 修改npm镜像提高下载速度(可以使用 cnpm 或 直接设置 --registry ，推荐设置 --registry)
设置淘宝源
npm config set registry https://registry.npm.taobao.org/
## 查看源，可以看到设置过的所有的源
npm config get registry
如果要恢复成原来的设置，执行如下：
npm config set registry https://registry.npmjs.org/

2.7验证安装结果
node -v
npm -v
查看淘宝镜像设置情况
npm get registry
在这里插入图片描述

2.8查看npm全局路径设置情况
此步骤随便全局安装一个模块就可以测评
npm install webpack -g
以上命令执行完毕后，会生成如下文件
%node_home%\node_global\node_modules\webpack

3.0如何运行下载的Node.js项目

3.1将下载的项目解压到指定目录，本例是解压到：

• List item

E:\xmvue，后面都以此为例
打开命令窗口解压后就这个文件

3.2 打开命令窗口
输入e:转到你下载项目的光盘

3.3找到你文件的路径 复制如图

3.4输入cd 加个空格 如图：就会转到你放置项目的那个文件的路径
这里他会慢慢加载等他加载完

加载完后 输入npm run dev

等它加载到一百就OK了

出现这行绿色的说明就运行成功了