Vue ui的安装与运用

运用vue ui，先安装Node.Js

Node.Js官网下载安装包，建议下载低版本的，避免与其他依赖发生冲突。下载安装包：

node-v14.18.3-x64.msi

1.安装

node-v14.18.3-x64.msi 右键，安装， next ,选择自动。

2.拆卸
node-v14.18.3-x64.msi  右键，拆卸  然后把安装node的内容进行删除
3.安装完成后，如下图，建立两个空文件夹：

node_global

node_cache

打开cmd 窗口：分别运行下面的命令
npm config set prefix "D:\Professional Software\Node\NodeInsatll\node_global"

npm config set cache "D:\Professional Software\Node\NodeInsatll\node_cache"  

4.Node.Js环境变量配置

电脑》右键，属性》高级系统设置》环境变量》系统变量，新建变量 

 

 编辑系统变量的Path:修改

具体修改如下：

 修改用户变量的Path:

 具体修改内容如下：

5.全局配置淘宝镜像

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

6.安装vue/cli

npm install -g @vue/cli
7.启动vue ui

终端窗口输入：vue ui

 运点击运行，就可以运行。

 

 问题：在终端窗口输入： vue ui

vue不是内部或外部命令，可以重新启动IDEA，试一下。