一、下载安装node.js

• 官方下载地址:下载最新LTS windows版本: 16.15.0 (includes npm 8.5.5)  Node.js ,如下图

• 安装可以更改安装路径(我的是默认地址C:\Program Files\)

• 其余的都是选择 下一步, 安装

 测试是否安装 成功

打开开始菜单中输入cmd，打开cmd命令窗口，分别输入如下命令

node -v 查看node的版本
npm -v 查看npm的版本(新版的node安装自带安装npm)

二、配置环境变量

配置全局安装的模块路径和缓存路径（不一定是安装路径）
本文是在安装目录的nodejs文件夹下,创建 node_global
本文是在安装目录的nodejs文件夹下,创建 node_cache

路径的配置命令

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

执行如下 

2.1配置环境变量

进入 “我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

选择 系统变量 创建 NODE_PATH 变量

变量名：NODE_PATH
变量值：C:\Program Files\nodejs\node_modules(安装的路径，node_modules 文件夹 安装后就会有的)

• 在 系统变量 中 选择 Path 添加如下属性：

• 把前半部分的nodejs路径换成自己的nodejs的路径

2.2测试安装 

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

npm install express -g

 注意：执行上面命令，如果出现以下错误信息，则需要设置安装目录nodejs权限​

 具体处理方式请查阅

解决： Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache\_cacache‘_爱编码阿信的博客-CSDN博客

三、全局配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、全局安装webpack

npm install webpack -g

​

 执行命令后如果出现上图提示 ，则按提示要求升级npm版本，执行如下命令：

npm install -g npm@8.9.0

​

 到此环境配置完成

五、项目安装运行测试

5.1、在项目目录下打开命令行窗口，执行如下命令

npm install

然后检查项目目录下是否有node_modules目录，如果有则项目依赖环境安装完成

5.2、执行运行命令

npm run dev

出现如下日志，表示启动完成

​

访问提示的地址http://localhost:9527/ 

出现登陆界面

​

到此整个安装、配置、运行全部完成，感谢大家的阅读！