最近撸了一下Vue全家桶，主要是Vue-cli，这个工具简直太强大，直接就能生成一个工程的样板。

vue-cli的工程模板.png

src文件夹是主要的代码文件夹，其中：
assets：表示图片，图标，以及CSS这类的文件。
components：这个文件夹里是整个工程的组件目录，用于存放各个组件的。
router：这是vue-router生成的index.js，这里主要存放的是路由配置的信息。
APP.vue：这是主要的组件相当于是整个工程的大组件。
main.js：这是所有小组件组装的地方，所有的小组件都在这里实例化，注册。
index.html：这是网页的入口处，所有的组件最终将在这里被渲染。

在vue-cli项目中全局组件的注册方法不再是Vue.component(XXX)，而应该写成.vue的文件。

注意一下，直接用<script src="Vue.js">引用中实例化new Vue中的el，对应于Vue-cli中的name，这个将在Vue的动画中JavaScript 钩子中用到

2019/6/3 更新：
使用Vue-cli 3.0之后，所有的配置信息都会被写在vue.config.js中,比2.0简洁了很多