>[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 编辑方式  * 选着是否保存这次配置信息  * 显示最后的配置信息