1.安装前检查自己电脑上是否安装node.js
(1)按win+R,输入cmd,打开命令提示符
(2)打开后输入node -v查看自己电脑是否安装nnode
(3)显示’node’不是内部命令,就是未安装node
2.官网下载
win7使用node.js v12版的(为目前通用,建议都是用这个版本),win10可以使用最新版本的。
下载链接:Download | Node.js(点击下载)
根据自身系统下载对应的安装包(我这里为Windows10 64位,故选择下载第一个长期支持版本安装包)
3.安装
(1)双击安装包,点击Next
(2)勾选使用许可协议,点击Next
(3)选择安装位置,选择非系统盘即可(可根据个人情况更换路径,这里选择安装在D:\EdevTools\nodejs\)
(4)继续点击Next
(5)点击Next,不勾选(不安装必要工具)
(6)点击Install
(7)正在安装
(8)点击Finish完成安装
4.验证node.js是否安装成功
(1)检查环境变量:右击此电脑—>属性—>高级系统设置—>环境变量—>系统变量—>Path—>确保Node环境已添加—>确定—>关闭全部窗口
(2)cmd检查环境:按win+R,输入cmd,打开命令提示符,输入node -v查看node是否安装成功
(3)node在安装同时安装npm,输入npm -v,查看npm是否安装成功
5.环境变量配置(用户变量与系统变量)
npm install -g默认会把模块下载到npm-cache文件夹下,会导致大量占用C盘空间。所以在安装完node之后,要重新设置一下node_global和node_cache(node缓存文件夹) 的位置。
(1)使用命令行npm config get prefix和npm config get cache查看npm的prefix和cache路径配置信息
(2)在D盘新建了一个文件夹node_js_cache,来存放Node的缓存。
在node_js_cache文件里新建2个文件夹:node_cache和node_global。
(3)新建完成后,在命令行窗口中输入:
npm config set prefix "D:\node_js_cache\node_global"
npm config set cache "D:\node_js_cache\node_cache"
(4)设置完成后,再输入以下命令,查看是否设置成功
npm config get perfix
npm config get cache
(5)修改用户变量:右击此电脑—>属性—>高级系统设置—>环境变量—>用户变量Path—>编辑
(6)将C:\Users\用户名\AppData\Roaming\npm,改为D:\node_js_cache\node_global,点击确定。
(7)添加系统变量NODE_PATH:右击此电脑—>属性—>高级系统设置—>环境变量—>系统变量—>新建
变量名:NODE_PATH
变量值:D:\node_js_cache\node_global\node_modules
6.测试node.js安装结果
(1)使用npm命令,安装express:npm install express -g
(2)进入D:\node_js_cache\node_global\node_modules验证,该node_modules目录是自动生成的,安装的Module都存放在该路径下。
7.配置淘宝镜像
使用npm下载资源比较慢,可以改为国内镜像,一般设置为Taobao的镜像。必须使用右击“以管理员身份运行”运行Windows PoweShell,然后开始输入命令。
(1)查看当前镜像地址:npm config get registry
(2)更换npm为淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao
或npm config set registry https://registry.npm.taobao.org
(3)检查镜像是否配置成功:执行npm config get registry,检查当前的镜像路径
如上图所示,npm默认的registry已修改为淘宝registry。
8.全局安装基于淘宝源的cnpm
由于npm的服务器在海外,所以访问速度较慢,访问不稳定,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。
(1)安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)本地查看cnpm模块
(3)执行命令查看cnpm是否安装成功:cnpm -v
如上图所示,即代表cnpm配置成功!!!