由於項目需要，最近在學習Vue.js。先了解一下Vue的代碼據結構，感覺與MVC架構有點router方式有點類似。
安裝好Vue環境，通過vue init webpack my-project生成一個工程，代碼結構如下：
摘自https://www.jianshu.com/p/723d13b39fc6，但是仔細看我的工程結構，似乎有點細微差別，時間原因先照搬后面再研究。
默認代碼結構
package-lock.json --- 會自動為npm修改node_modules樹或任何操作而生成package.json
LICENSE --- 開源協議
index.html --- 項目默認首頁模板
.postcssrc.js --- 是對postcss的一個配置項
.gitignore --- git提交忽略文件清單
.eslintrc.js --- 里面配置了一些代碼的規范，如果不按照規范寫，會提示報錯。
.eslintignore --- 指定不需按照eslint語法書寫代碼的文件清單
.editorconfig --- 指定了編輯器的一些配置項
.babelrc --- 語法解析器，將我們的代碼轉換成瀏覽器識別的語法
static --- 靜態資源文件存放位置
node_modules --- 放的是項目依賴的一些第三方的包。
main.js --- 整個項目的入口文件
App.vue --- 根組件
router/index.js --- 路由管理配置文件
components --- 項目中的一些組件
assets/ --- 項目中用到的一些圖片資源
config/ --- 放置的是項目的配置文件, 基礎信息放在index.js中，開發環境配置信息dev.env.js，線上環境配置信息prod.env.js
build/ --- 項目打包用的配置項
結構調整：
一、將/compontents目錄刪除，添加目錄結構/pages，然后當開發一個頁面的時候，如home頁面，我們創建一個/pages/home/Home.vue和/pages/home/compontents進行開發，compontents目錄下放的是home頁中的組件，如Header.vue等等。
二、創建/src/common目錄，然后里面放公共的組件，例如畫廊組件，我們創建一個/src/common/gallary/Gallary.vue和/src/common/gallary/compontents進行開發，compontents目錄下放的是gallary的組件