从脚手架开始学前端 【第2期】Node.js环境搭建(windows)

一、简介
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
二、下载
windows下的Node.js安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。

三、Node.js 安装
1、鼠标双击node-v12.13.0-x64.msi开始安装

2、勾选同意协议，点击Next

3、修改安装路径，点击Next

4、Add to PATH 选择安装到本地，点击Next

5、点击Next

6、点击Install

7、出现安装进度界面和进度条，开始安装，如果要取消安装，点击Cancel即可

8、安装成功，点击Finish关闭页面，即为安装成功。测试的时候可以使用cmd（win+r然后输入cmd进入）测试下是否安装成功。

方法：在cmd下输入node -v，出现下图版本提示就是完成了NodeJS的安装。

四、npm 安装

新版的NodeJS已经集成了npm，所以npm也一并安装好了。

可以在cmd命令行输入"npm -v"来测试是否成功安装。

五、配置

1、NodeJS环境变量配置

windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“D:\Program Files\nodejs”）

2、npm配置

npm作为一个NodeJS的模块管理，需要配置模块路径、cache路径。

a.在node.js的安装根目录中新建“node_global”和"node_cache"两个文件夹。

b.使用cmd命令进行配

npm config set prefix "D:\Program Files\nodejs\node_global"npm config set cache "D:\Program Files\nodejs\node_cache"

注意:如果不进行这一步设置，npm的全局安装包，将不会在node安装文件夹里。

3、配置环境变量

打开系统对话框，“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在系统变量下新建"NODE_PATH"，输入”D:\Program Files\nodejs\“。

点击Path - 新建

设置NODE_PATH

在系统变量下新建Path输入”%NODE_PATH%\node_global\node_modules“。（ps：这一步相当关键。）

由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下，用户变量"PATH"修改为“%NODE_PATH%\node_global\”）

注意:

如果不配置，npm install xx -g(global)（global全局安装的意思）会将安装的模块默认安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，长期会是C盘空闲变小，电脑慢慢变慢。

1. 安装完
   

六、测试

全局安装svue-cli脚手架进行测试

npm i svue-cli -g
yarn global add svue-cli
npm install svue -g
yarn global add svue
npm i evue-cli -g
yarn global add evue-cli
npm i evue -g
yarn global add evue