win11下配置vue3版本

安装node.js

PS：全局需要使用管理员权限打开CMD**

下载nodejs的地址

• 选择左边就好
  

• 下载安装后，选择自己需要安装的盘符，即可，不再叙述。

• 打开CMD查看node是否安装成功
  

创建目录安装

1. 创建全局安装目录和缓存目录（主要是节省C盘空间）

一个 node_global 文件夹，一个 node_cache 文件夹，分别作为默认安装目录和缓存日志目录。
在CMD中执行命令，将npm的全局模块目录和缓存目录配置到刚才创建的两个目录：

npm config set prefix "D:\WorkSoft\NodeJS\node_cache"
npm config set cache "D:\WorkSoft\NodeJS\node_global"

2. 设置目录路径

npm config get prefix 查看npm全局安装包保存路径
npm config get cache 查看npm装包缓存路径

npm config list 查看所有npm 配置

配置淘宝node镜像

npm config get registry 查看npm下载源 （我这里已经配置淘宝的，就不再显示默认的了）

1. 永久设置，免于后期更改

• 直接修改npm的默认配置

npm config set registry https://registry.npm.taobao.org 设置淘宝镜像

npm config get registry 或 npm config list 命令查看npm下载源是否配置成功
可以看到修改成功，默认的是 https://registry.npmjs.org

安装vue脚手架

不指定版本号即可默认安装最新版本 npm install -g @vue/cli
安装完成后查看vue是否安装成功 npm info vue

查看vue版本npm list vue -g

再去配置nodejs环境变量

1. 在系统变量中添加NODE_PATH
   

2. 在path路径中添加nodejs的安装路径
   

3. 在用户变量path中添加node_cache和node_global路径变量
   

创建vue测试项目

vue create test创建test项目（字母全部小写）

等待ing创建成功

创建成功

npm run serve启动项目（需要在指定项目根目录下启动）

成功页面！