vue安装|win11系统

1.安装node.js

https://nodejs.org/en/download
下载对应系统对应位数的.msi文件，

下载完成后，一直点击next进行安装
自定义安装路径，我的安装路径为**“D:\nodejs”**

# 检查node.js版本
node -V

# 检查npm版本
npm -V

在D:\nodejs下新建两个文件夹 node_cache和node_global

# 依次执行这两条命令
npm config set prefix "D:\nodejs\node_global"

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

# 配置淘宝镜像
npm config set registry=http://registry.npm.taobao.org

查看D:\nodejs\node_global文件夹，如果是空的，
以管理员身份运行cmd，
执行命令

npm install express -g

再次查看D:\nodejs\node_global文件夹.

增加一个系统变量

名字是：NODE_PATH 
内容是：D:\nodejs\node_global\node_modules

# 安装vue.js
npm install vue -g

# 安装vue-router
npm install vue-router -g

# 安装vue脚手架
npm install vue-cli -g

添加环境变量：
对path环境变量添加D:\nodejs\node_global

# 查看vue版本，显示2.9.6
vue -V

2.创建vue项目

超时报错解决方法：https://blog.csdn.net/Mq_sir/article/details/118057699?spm=1001.2014.3001.5501

# 进入要创建项目的文件夹
cd e

vue init webpack vuedemo --offline

3.vue ui

只有3.0以上的版本才能使用vue ui的图形化界面，重新安装cli

# 卸载原来的
npm uninstall -g vue-cli

# 重新安装
 npm install -g @vue/cli

# 查看版本,输出@vue/cli 5.0.8
vue -V

使用vue图形化界面

vue ui