[TOC] >[success] # 項目目錄詳解 ~~~ vue-cource // 項目名稱 |__ node_modules // 項目中的node依賴包 |__ public // public文件夾放公共文件 | |__ favicon.ico // 標簽欄的小圖標 | |__ index.html // 模板文件，最后打包后的index.html模板就是這個文件 | |__ src // 項目主文件 | |__ api // api文件夾，項目的接口js文件都可以寫在這里 | |__ assets // 靜態資源（圖片、字體圖標文件） | | |__ img // 圖片文件夾 | | |__ font // 字體圖標文件夾 | | | |__ components // 組件 | |__ config // 項目的配置（全局變量js文件） | | |__ index.js | | | |__ directive // vue的自定義指令文件夾 | | |__ index.js | | | |__ lib // 全局方法放在這里 | | |__ util.js // 與業務結合的工具方法 | | |__ tools.js // 與業務無關的工具方法(例如日期轉換時間戳方法) | | | |__ mock // 模擬數據文件夾 | | |__ response // 儲存模擬數據js的文件夾 | | |__ index.js | | | |__ router // 路由文件夾 | | |__ index.js // 路由配置文件 | | |__ router.js // 拆分出來的routes數組 | |__ store // Vuex配置文件夾 | | |__ module // 模塊文件夾 | | |__ plugin // Vuex插件文件夾 | | |__ actions.js // 異步調用接口方法都寫在這里 | | |__ getters.js // Vuex的計算屬性都寫在這里 | | |__ index.js // Vuex主要配置管理文件 | | |__ mutations.js // Vuex中的修改state的方法，都寫在這里 | | |__ state.js // Vuex的變量文件夾 | | | |__ views // 頁面都寫在這個文件夾中 | |__ App.vue // 基礎組件 | |__ main.js // 項目入口文件（項目引入全局插件都在這里引入） | |__ .browserslistrc // 瀏覽器兼容 |__ .editorconfig // 編譯器配置文件 |__ .eslintrc.js // 配置ESlint規則文件 |__ .gitignore // git提交的忽略文件 |__ babel.config.js // babel的配置文件，babel可以將es6、es7等等裝換成es5兼容的代碼 |__ package-lock.json // 鎖定安裝時的包的版本號，并且需要上傳到git，以保證其他人在npm install時大家的依賴能保證一致 |__ package.json // 項目名稱、項目版本、項目描述、項目運行的一些腳本（依賴） |__ postcss.config.js // css自動補充一些兼容性代碼的配置（-webkit-、-moz-、-ms-之類的） |__ README.en.md // 英文版項目說明 |__ README.md // 中文版項目說明 |__ vue.config.js // 配置文件 ~~~