一、VUE 項目目錄說明
VUE-CLI規划了一個比較好的目錄結構，這里說明一下，后續開發也需要按照這個規划來組織項目，先來看一個總體的項目截圖：
1、Build目錄
這個目錄是Webpack的一些配置，主要用於項目打包時的一些設置。這里不去更詳細的深入，后面用到時再介紹。
2、config目錄
這個目錄是整個項目 開發運行時的一些配置，比如npm run dev 時 項目的啟動端口 之類的 。
3、Node_modules
這個文件夾里面全部都是node的一些基礎的依賴包，當我們拓展的安裝一些別的插件時 也會裝在這個文件夾里.
4、src目錄
src就是我們代碼目錄了，assets是一些資源目錄，如js、css等。
components目錄是放組件的目錄，在vue中，頁面都是由組件組成的，所以這里是項目最主要的目錄，代碼基本都放在這里。
router路由目錄，用來設置頁面之間的跳轉的。
app.vue 這個文件是整個項目的入口文件，相當於包裹整個頁面的最外層的div.
main.js 這個文件是項目的主js,全局的使用的各種變量、js、插件 都在這里引入 、定義.
4、static目錄
這個文件夾里是一些靜態資源文件。
二、項目運行路徑
當我們在瀏覽器中輸入 http:localhost:8080,項目是怎樣知道要顯示哪個文件的呢？
1、其實，項目是默認展示App.vue文件
2、然后App.vue里面有一個router-view標簽，這時程序會根據url去看router目錄下index.js對應的組件，這里url是/,則對應的找到path:'/'對應的組件HelloWorld組件，HelloWorld是從/components/HelloWorld引用的，所以會展示/components/HelloWorld.vue的內容。
