三、項目結構

通過vue-cli生成的項目目錄結構，及各檔案夾和檔案的用途說明如下所示。

|—node_modules     //項目依賴的子產品

|—public     //該目錄下的檔案不會被webpack編譯壓縮處理。存放靜态資源檔案，第三方非子產品化js檔案等。

             |—favicon.ico         //圖示檔案

             |—index.html         //項目首頁面

|—src               //項目代碼主目錄

         |—assets                   //存放項目中的靜态資源。如：js、css、圖檔等。

                        |—logo.png      //logo圖檔

         |—components                              //編寫的元件放到這個目錄下

                                 |—HelloWorld.vue       //vue-cli建立的HelloWorld元件

         |—App.vue       //項目的根元件

         |—main.js         //程式入口js檔案，加載各種公共元件和所需要的插件