vue-cli可视化界面创建

 1.使用可视化界面配置vue-cli

 1.解压压缩包：nodejs10

 

2.配置环境变量：NODE_PATH

 

Paht环境变量中配置：

 

报错：

再环境变量Path中添加：

C:\Windows\System32
%SystemRoot%\system32;

重新输入vue ui 即可

3.cmd查看版本命令：

node -v

查看node版本

vue -V(大写，小写报错)

vue版本

可视化界面创建步骤：

1.创建一个英文的空目录

2.在创建的文件夹路径下输入cmd

3.在cmd中输入 vue ui (加空格)

 

运行完成会自动跳转到浏览器界面：

如果包错误，情查看上方

4，点击左下方三点  ...

选择vue项目管理器

会出现：

 

5.点击再次创建新项目：

6.选择路径：

我的是在d盘，写刚刚那个打开cmd的目录中

 

输入你想写的项目名称：

详情页配置：

 

预设页：

默认：语法规则，属性，强制 规范的 不点

我们默认选择手动：

 

功能页：

 

当前只够选三个

配置页：

选择创建项目，不保存预设

一个vue-cli项目可视化界面创建完成