安装node.js
PS：全局需要使用管理员权限打开CMD**
- 选择左边就好
- 下载安装后，选择自己需要安装的盘符，即可，不再叙述。
- 打开CMD查看node是否安装成功
创建目录安装
- 创建全局安装目录和缓存目录（主要是节省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"
- 设置目录路径
npm config get prefix 查看npm全局安装包保存路径
npm config get cache 查看npm装包缓存路径
npm config list 查看所有npm 配置
配置淘宝node镜像
npm config get registry 查看npm下载源 （我这里已经配置淘宝的，就不再显示默认的了）
-
永久设置，免于后期更改
-
直接修改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环境变量
- 在系统变量中添加NODE_PATH
- 在path路径中添加nodejs的安装路径
- 在用户变量path中添加node_cache和node_global路径变量
创建vue测试项目
vue create test创建test项目（字母全部小写）
等待ing创建成功
创建成功
npm run serve启动项目（ 需要在指定项目根目录下启动）
成功页面！
Original: https://www.cnblogs.com/ycz233/p/15759716.html
Author: zzuli-ycz
Title: win11下配置vue3版本
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/610263/
转载文章受原作者版权保护。转载请注明原作者出处！