api：放置與後台 api 相關的檔案。這裡面有 axios 庫的例項配置檔案、使用配置的 axios 例項接入 api 獲取資料的函式的集合的檔案；
assets：放置靜態資源，包括公共的 css 檔案、 js 檔案、iconfont 字型檔案、img 檔案 以及其他資源類檔案。之所以強調是公共的 css 檔案，是因為要在元件的 css 標籤裡加入 『scoped『標記，將其作用範圍限制在此元件以及呼叫它的父級元件中，避免汙染全域性樣式；
components：放置通用模組元件。專案裡總會有一些復用的元件，例如彈出框、傳送手機驗證碼、上傳…將它們作為通用元件，合理地使用元件可以高效地實現復用等功能，從而更好地開發專案。一般情況下比如建立頭部元件的時候，我們會新建乙個header的資料夾，然後再新建乙個header.vue的檔案
directive：公用的自定義指令同一放在這個檔案中。
filters：所有的全域性filters的檔案同一放在這個檔案中。
icons：存放 .svg 格式的icon檔案
mock：在專案過程中會用到模擬資料都會存放在這個資料夾中。
router：該資料夾下有乙個叫index.js檔案，放置路由設定檔案，指定路由對應的元件
views：放置主要頁面的元件。例如登入頁、使用者資訊頁…通常是這裡的元件本身寫入一些結構，再引入通用模組元件，形成完整的頁面；
main.js：入口檔案，專案的核心檔案，主要作用是初始化vue例項並使用需要的外掛程式，引入全域性使用的庫、公共的樣式和方法、設定路由…
搭建Vue Cli 檔案架構
上次在面試時候要用vue cli寫個小練習，因為只有過乙個cli專案，之後一直work on專案上於是許久沒有從頭建立vue cli，當時還是面試官幫忙搭了個環境，太尷尬 此文章以window環境為範例 npm install g vue cli 全域性安裝安裝過程有出現錯誤具體內容是啥忘記了，但是...
vue cli目錄結構詳解
總體框架 1.build webpack配置 build檔案主要是webpack的配置，主要啟動檔案是dev server.js，當我們輸入npm run dev首先啟動的就是dev server.js，它會去檢查node及npm版本，載入配置檔案，啟動服務。2.config vue專案配置 con...
vue cli目錄結構介紹
乙個vue cli的專案結構如下 1.build webpack配置 build檔案主要是webpack的配置，主要啟動檔案是dev server.js，當我們輸入npm run dev首先啟動的就是dev server.js，它會去檢查node及npm版本，載入配置檔案，啟動服務。2.config...