VueCli — 3.0可视化配置
最后更新于：2022-04-02 08:08:29
>[success] # VueCli -- 3.0 UI配置篇
~~~
1.一种可视化配置vue项目的官方提供的一种方式
~~~
>[danger] ##### 安装
~~~
1.npm install -g @vue/cli
~~~
>[danger] ##### 查看版本
~~~
1.Vue -v
~~~
>[danger] ##### VueCli -- UI 配置启动
~~~
1.输入指令 -- vue ui，但输入指令的根目录最好是你要创建的项目的磁盘：
举个例子： 'F:\VueCliTest>vue ui'
2.输入后 会自动运行一个vue ui的图形化界面（如图）
3.选择第一张图的创建模块 创建一个新项目
4.第二张图创建文件名称和使用的包管理工具
5.第三张图选择配置方式(这里选的手动)
6.第四张图，在功能上这里我配置了' Babel' 将高级语法转换成低级语
法，'Router '路由配置， 'Vuex' ，'CSS Pre-processors' css处理 ,没有选择
推荐Linter/ Formatter 代码检查，最后一定要选择了使用配置文件选项
7.第五张图选择'css' 编辑方式 这里选的less，router这里没有开始history模
式。
8.点击 床架你项目后第六张图，弹出让你选择是否保存这次的配置信息
我选择的是不保存
9.第七张图 是等待生成后显示的所有配置信息
~~~
* 自动生成的图形化界面
* 创建文件名称和使用的包管理工具
* 选择配置方式
* 配置处理依赖项目
* 选着使用哪种css 编辑方式
* 选着是否保存这次配置信息
* 显示最后的配置信息
';