一、文件下载:
打开官方网站进行下载,Download | Node.js如下图所示:
如果想安装更早版本,鼠标往下拉,找到如下图所示位置,点击进入
二、安装
1、双击刚才下载好得msi文件
2、点击Run(运行),将出现如下界面:
3、勾选接受协议选项,点击next(下一步)按钮:
4、Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):
5、点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)
6、点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):
7、 点击 Finish(完成)按钮退出安装向导
三、环境变量配置
1、查看环境变量:wins+r,输入cmd,弹出windows命令框,输入如下命令,node -v,npm -v
2、配置npm在安装全局模块时得路径和缓存cache得路径
因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:
所以这里配置自定义的全局模块安装目录,在node安装目录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令
npm config set prefix "E:\worktools\node\node_cache"
npm config set cache "E:\worktools\node\node_global"
执行成功后。在环境变量->系统变量中新建一个变量名为"NODE_PATH",值为E:\worktools\node\node_modules
右键点击【此电脑】,左键选择【属性】,选择【高级系统设置】,【环境变量】
最后编辑用户环境变量Path,将相应得npm的路径改为:E:\worktools\node\node_global
更改后的结果:
点击确定后,则配置完成。
四、测试验证(以安装webpack为例)
1、在cmd命令下执行npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效,同时执行npm webpack -v 能成功查看到webpack的版本号
2、webpack4.0以后需要安装webpack-cli,4.0以前的版本请忽略此步骤,
输入npm install webpack webpack-cli -g --save-dev