1.安装前检查自己电脑上是否安装node.js

(1)按win+R,输入cmd,打开命令提示符

NodeManager未注册 未安装node.js_前端

(2)打开后输入node -v查看自己电脑是否安装nnode

NodeManager未注册 未安装node.js_npm_02

(3)显示’node’不是内部命令,就是未安装node

2.官网下载

win7使用node.js v12版的(为目前通用,建议都是用这个版本),win10可以使用最新版本的。

下载链接:Download | Node.js(点击下载) 

根据自身系统下载对应的安装包(我这里为Windows10 64位,故选择下载第一个长期支持版本安装包)

NodeManager未注册 未安装node.js_npm_03

3.安装

(1)双击安装包,点击Next

NodeManager未注册 未安装node.js_NodeManager未注册_04

(2)勾选使用许可协议,点击Next

NodeManager未注册 未安装node.js_前端_05

(3)选择安装位置,选择非系统盘即可(可根据个人情况更换路径,这里选择安装在D:\EdevTools\nodejs\)

NodeManager未注册 未安装node.js_node.js_06

(4)继续点击Next

NodeManager未注册 未安装node.js_前端_07

(5)点击Next,不勾选(不安装必要工具)

NodeManager未注册 未安装node.js_npm_08

(6)点击Install

NodeManager未注册 未安装node.js_npm_09

(7)正在安装

NodeManager未注册 未安装node.js_环境变量_10

(8)点击Finish完成安装

NodeManager未注册 未安装node.js_NodeManager未注册_11

4.验证node.js是否安装成功

(1)检查环境变量:右击此电脑—>属性—>高级系统设置—>环境变量—>系统变量—>Path—>确保Node环境已添加—>确定—>关闭全部窗口

NodeManager未注册 未安装node.js_环境变量_12

(2)cmd检查环境:按win+R,输入cmd,打开命令提示符,输入node -v查看node是否安装成功

NodeManager未注册 未安装node.js_NodeManager未注册_13

(3)node在安装同时安装npm,输入npm -v,查看npm是否安装成功

NodeManager未注册 未安装node.js_node.js_14

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路径配置信息

NodeManager未注册 未安装node.js_node.js_15

(2)在D盘新建了一个文件夹node_js_cache,来存放Node的缓存。
在node_js_cache文件里新建2个文件夹:node_cache和node_global。

NodeManager未注册 未安装node.js_npm_16

(3)新建完成后,在命令行窗口中输入:

npm config set prefix "D:\node_js_cache\node_global"

npm config set cache "D:\node_js_cache\node_cache"

NodeManager未注册 未安装node.js_npm_17

(4)设置完成后,再输入以下命令,查看是否设置成功

npm config get perfix

npm config get cache

NodeManager未注册 未安装node.js_NodeManager未注册_18

(5)修改用户变量:右击此电脑—>属性—>高级系统设置—>环境变量—>用户变量Path—>编辑

NodeManager未注册 未安装node.js_环境变量_19

(6)将C:\Users\用户名\AppData\Roaming\npm,改为D:\node_js_cache\node_global,点击确定。

NodeManager未注册 未安装node.js_node.js_20

(7)添加系统变量NODE_PATH:右击此电脑—>属性—>高级系统设置—>环境变量—>系统变量—>新建

变量名:NODE_PATH

变量值:D:\node_js_cache\node_global\node_modules

NodeManager未注册 未安装node.js_NodeManager未注册_21

6.测试node.js安装结果

(1)使用npm命令,安装express:npm install express -g

NodeManager未注册 未安装node.js_node.js_22

(2)进入D:\node_js_cache\node_global\node_modules验证,该node_modules目录是自动生成的,安装的Module都存放在该路径下。

NodeManager未注册 未安装node.js_npm_23

7.配置淘宝镜像

使用npm下载资源比较慢,可以改为国内镜像,一般设置为Taobao的镜像。必须使用右击“以管理员身份运行”运行Windows PoweShell,然后开始输入命令。

(1)查看当前镜像地址:npm config get registry

NodeManager未注册 未安装node.js_NodeManager未注册_24

(2)更换npm为淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao

或npm config set registry https://registry.npm.taobao.org

NodeManager未注册 未安装node.js_前端_25

(3)检查镜像是否配置成功:执行npm config get registry,检查当前的镜像路径

NodeManager未注册 未安装node.js_NodeManager未注册_26

如上图所示,npm默认的registry已修改为淘宝registry。

8.全局安装基于淘宝源的cnpm

由于npm的服务器在海外,所以访问速度较慢,访问不稳定,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。

(1)安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

NodeManager未注册 未安装node.js_前端_27

(2)本地查看cnpm模块

NodeManager未注册 未安装node.js_前端_28

(3)执行命令查看cnpm是否安装成功:cnpm -v

NodeManager未注册 未安装node.js_前端_29

如上图所示,即代表cnpm配置成功!!!