本文章主要介绍vue-cli3，如果想了解vue-cli2，请看前面的文章。

1：vue-cli3和vue-cli2版本的区别?

vue-cli3是基于webpack4打造的，vue-cli2还是webpack3.

vue-cli3的设计原则是“0配置”，移除的配置文件根目录下的，build和config等目录。

vue-cli3提供了vue ui命令，提供了可视化配置，更加人性化。

移除了static文件夹，新增了public文件夹。

static文件夹：静态的，打包的时候，原封不动地打包进去。

2：创建vue项目

cli2 ：vue init webpack 项目名称

cli3 ：vue create 项目名称

3：创建的目录结构

1：public相当于cli的static

2：src源代码，开发者写的代码

3：babel.config.js es语法转换

4：输入命令 vue ui

可以直接看到安装的依赖和插件。

可以直接在上边直接安装依赖。

可以修改一些webpack的配置。

可以在这里直接运行项目 相当于npm run server

5：新建vue.config.js文件

这个名字不能随便起，只能是vue.config.js，这里写的配置会一起和默认配置打包。

本文章主要介绍vue-cli3，如果想了解vue-cli2，请看前面的文章。