在一個初始化的vue項目裏會有很多文件夾及文件（如下圖）：
我們從下往上講解：
1. README.md ：這是一個項目說明文件；
2. package.json : 這是一個依賴包，也就是第三方模塊依賴存放處；
3. package-lock.json : 這是package的鎖文件，確定安裝的第三方包版本，爲了統一團隊的編碼；
4. LICRENSE ：開源協議的說明；
5. index.html : 項目默認的首頁模版文件；
6. postcssrc.js : postcssrc的配置項；
7. gitignore : 使用git希望把代碼放到線上，但是一些特殊的文件並不想或者不需要傳到線上，就可以把它配置到gitgnore文件裏，當提交到git倉庫文件時，這裏的文件就不會被提交到git線上倉庫；
8. eslintrc.js : 代碼的規範，看代碼是否標準；
9. eslintignore : 在根目錄下的/bulid/ /congig/ /dist/ /*js/ 是不會受eslintignore文件的代碼規範影響的；
10. editorconfig : 配置編輯器裏的語法，裏面可以自定義內容，可統一編輯器自動格式化代碼；
11. babelrc : 語法解析器，因爲項目是vue單文件組件的寫法，需要babellrc解析器做一些語法轉換，解析成瀏覽器能夠編譯識別的代碼；
12. static : 這裏放的是靜態資源（靜態圖片，後續模擬的json數據）；
13. node_module : 項目依賴的第三方node包，這個裏面內容可以不用管，只要知道是放的依賴包就行了；
14. src ： 放的是整個項目的源代碼
1⃣️ main.js ：是整個項目的入口文件；
2⃣️ APP.vue : 項目的最原始的根組件；
3⃣️ router ： 項目的所有路由都放在router下的index.js 文件夾裏；
4⃣️ componens : 放的是項目裏要用到的小組件；
5⃣️ assets ：放的是項目裏要用到的圖片資源；
6⃣️ config ：放的是項目裏的配置文件，基礎的配置文件放在index.js 裏，開發的環境配置信息放到dev.env.js;
7⃣️ bulid.js : 這個是項目打包的webpack配置內容，webpack.base.conf.js/webpack.dev.conf.js/webpack.prod.conf.js/這三個文件分別依次按照順序配置了基礎配置/線上環境開發配置/生產環境開發配置；
注：還有一些工具類的包括打包過程中額外的webpack配置都在這個目錄裏；