一、进入官网地址下载安装包

官网：Node.js — Run JavaScript Everywhere 

其他版本下载：Node.js — Download Node.js® (nodejs.org)

选择对应你系统的Node.js版本

二、安装程序

（1）下载完成后，双击安装包，开始安装Node.js

 

  (2)直接点【Next】按钮，此处可根据个人需求修改安装路径，我这里路径改为了D:\Program Files\nodejs\，修改完毕后继续点击【Next】按钮

（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮

（4）不选中，直接点击【Next】按钮

（5）点击【Install】按钮进行安装

（6）安装完毕，点击【Finish】按钮

（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口 ，输入：

node -v     // 显示node.js版本

npm -v      // 显示npm版本

成功显示版本说明安装成功 

三、环境配置

（1）找到安装的目录 D:\Program Files\nodejs，在安装目录下新建两个文件夹【node_global】和【node_cache】

（2）创建完毕后，使用管理员身份打开cmd命令窗口，这里以win11打开cmd为例，搜索框搜索cmd

（3）命令窗口输入以下命令

①npm config set prefix “你的路径\node_global” （复制你刚刚创建的“node_global”文件夹路径）

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

②npm config set cache “你的路径\node_cache” （复制你刚刚创建的“node_cache”文件夹路径）

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

（4）配置环境变量

①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

② 在【系统变量】中点击【新建】

变量名：NODE_PATH

变量值：D:\Program Files\nodejs\node_global\node_modules

然后你就会发现【node_global】里多出了一个【node_modules】文件夹

Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值

③编辑【用户变量】中的【Path】

④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径，点击确定

修改前： 

修改后：

⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】，随后一直点击【确定】

四、测试

配置完成后进行测试，测试之前首先检查下，刚才的配置是否正确。

npm config get prefix

npm config get cache

 全局安装一个最常用的 express 模块进行测试

npm install express -g   // -g代表全局安装

出现以下界面即为配置成功

五、安装淘宝镜像

①安装淘宝镜像

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

查看是否成功：

npm config get registry

②安装cnpm（按需安装）

说明： npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。

npm install -g cnpm --registry=https://registry.npmmirror.com

查看是否安装成功

命令： cnpm -v

附加：如果有出现问题的小伙伴们可以检查一下自己的配置有没有出错，比如“系统找不到‘cnpm’命令 

六、安装失败检查

①打开cmd敲以下命令检查

npm config get prefix

npm config get cache

②打开环境变量配置检查

 

 ③打开安装目录检查是否有以下文件夹

⑤检查【node_global】里是否有【node_modules】文件夹 

⑥上面所安装的cnpm、express会出现在【node_global】下的【node_modules】文件夹里 

 七、 idea配置npm

1.找到Terminal-Shell path

 

重启IDEA后，执行npm install 需要在前端文件夹里面执行 

在执行npm run serve启动即可 

 

然后访问上边的地址就是项目首页；
如果需要打包，执行命令：
npm run build 

八、npm命令

1.清除npm缓存

npm cache clean -force

2.重新安装依赖

npm install

3.最后运行项目

npm run serve

4.打包

npm run build:pro

5.降级

举例：降级到6

# @后跟版本号，若跟的是大版本，则更新到对应大版本最新的小版本
npm install npm@6 -g

# 更新到指定版本
npm install npm@8.5.5 -g

6.升级

# 更新到最新版本
npm install npm -g

九、idea配置快速启动 

 1、启动配置点击编辑

 

2、添加npm 

 

3、填写相关信息 

 

4、快速启动