最近擼了一下Vue全家桶，主要是Vue-cli，這個工具簡直太強大，直接就能生成一個工程的樣板。

vue-cli的工程模板.png

src文件夾是主要的代碼文件夾，其中：
assets：表示圖片，圖標(biāo)，以及CSS這類的文件。
components：這個文件夾里是整個工程的組件目錄，用于存放各個組件的。
router：這是vue-router生成的index.js，這里主要存放的是路由配置的信息。
APP.vue：這是主要的組件相當(dāng)于是整個工程的大組件。
main.js：這是所有小組件組裝的地方，所有的小組件都在這里實例化，注冊。
index.html：這是網(wǎng)頁的入口處，所有的組件最終將在這里被渲染。

在vue-cli項目中全局組件的注冊方法不再是Vue.component(XXX)，而應(yīng)該寫成.vue的文件。

注意一下，直接用<script src="Vue.js">引用中實例化new Vue中的el，對應(yīng)于Vue-cli中的name，這個將在Vue的動畫中JavaScript 鉤子中用到

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