前面介绍了根据命令去安装vue-cli4，这篇主要写一下用vue ui，vue提供的图形化界面如何傻瓜式的创建一个vue项目
还是以windows举例
-
第一步,cmd
1.png
好嘛，有人居然问输入了vue ui为甚木有反应嘞，拜托是不是你的vue版本搞错了嘞，vuecli3x以上版本才会有这个东东的，可以cmd输入
vue -h自己看看有没有ui这个命令咯
-
运行了以后它就会自动运行启动一个可视化的界面啦~！
image.png -
好了，仔细说一下这里面的东西，三个选项的作用
image.png -
创建项目
image.png
image.png -
到了这个页面，详情
image.png 到了这个页面，预设，熟悉吗熟悉吗，这个就是命令行出来选择预设的地方，一摸一样，也许可视化界面更加直观吧，我们这里还是选择“手动配置”
image.png
- 好嘛，下一步吓到大家了，这么多东西要选择，其实不用惊慌，和命令行安装一样一样的，下面仔细解释一下
image.png
image.png
-
好嘛~最终的选择，继续下一步
image.png -
选择继续咯，得嘞，上一张按照我写的文章进行安装的，这里的选项应该都很明白了~
image.png -
创建
image.png
这里让你保存为新的预设，意思就是image
这个地方我们的预设，如果输入一个新的名字，下次我们在创建项目的时候，就会出现这次选择的相关配置好的预设，我们直接选择自定义的这个预设，我们就可以直接使用，不需要再次选择了
需要的自行添加就好了，完事点击创建就好了
注意，如果是用linux或者mac安装的同学，可能会提示文件权限的问题，大家选择一个读写权限的文件夹或者chmod一下啦
- 等待一段时间后，创建完成以后会跳转到一个新的页面
image.png
-
那怎么运行这个项目看效果呢，点击任务-serve-运行，我们就可以看到啦
image.png
image.png
好了，安装的过程就此结束，剩下的大家可以提前玩一下，具体里面的插件，依赖，配置，我后续会通过多种形式写出来，大家如果觉得这种文章书写形式可以给你带来干活欢迎点赞评论，大家共同学习交流啦~
