vue安装教程（Windows版）

1.到node.js官网下载node-v20.16.0-x64.msi文件

Node.js — Download Node.js® (nodejs.org)

安装一路默认

安装完毕后使用

npm -v

node -v

 验证是否成功安装

2.到安装目录（C:\Program Files\nodejs）下创建node_cache和node_global文件夹

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录

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

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

配置华为源

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

 查看是否配置成功

npm config list

 将环境变量中Path中的

C:\Users\32056\AppData\Roaming\npm

修改为

C:\Program Files\nodejs\node_global

新建系统环境变量

变量名：NODE_PATH

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

 在系统变量Path中加入%NODE_PATH%

3.安装vue（若不成功管理员运行命令行）

npm install vue -g

npm install webpack -g
npm install webpack-cli -g
npm install vue-cli -g
npm install vue-router -g

4.创建vue项目

 vue init webpack 项目名

• 项目名是？回车
• 项目描述？回车
• 作者？回车
• 是否安装编译器 回车
• 是否安装vue-router y 回车
• 是否使用ESLint做代码检查 n 回车
• 是否安装单元测试工具 n 回车
• 单元测试相关 n 回车
• 创建完成后直接初始化 n 回车