Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，本文将讲解vue的零配置。
使用vue cli，开发者就不必花好几天去纠结配置的问题，只需要专注应用功能开发。
这篇文章，我们不讲大家都知道的一些内容，我们讲大家平时很少注意到的zero configuration。相信很多开发者，还没有去关注这一块。
前言
Vue CLI 提供了以下的内容：
- 通过
@vue/cli搭建交互式的项目脚手架。 - 通过
@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 - 一个运行时依赖 (
@vue/cli-service)，该依赖：
- 可升级；
- 基于 webpack 构建，并带有合理的默认配置；
- 可以通过项目内的配置文件进行配置；
- 可以通过插件进行扩展。
- 一个丰富的官方插件集合，集成了前端生态中最好的工具。
- 一套完全图形化的创建和管理 Vue.js 项目的用户界面。
流程图
详解
从图中，我们可以看到。当我们有这样的需求时：某个vue文件，js文件，jsx文件，想要跑起来，但是不想就为此建一个庞大的项目？ 这个时候就可以使用到零配置。
步骤如下：
1. 全局安装 @vue/cli @vue/cli-service-global 2. 在任意一个文件夹下面跑命令 vue serve
tip:
1) vue找这个文件夹下面的vue.config.js
2) vue找这个文件夹下面的main.js文件作为入口文件
如果要修改，可以在vue.config.js中修改
3) vue会用默认的index.html来作为main.js的展示界面
4) 可以使用vue inspect 来查看这个文件夹下面的webpack配置
查看所有的webpack配置 vue inspect
查看指定的webpack属性
结语
本文通过简单的描述，讲了vue cli zero configuration。
通过vue cli脚手架搭建后的项目，然后改造下component。有兴趣的同学，可以尝试下。
