技術標籤：vuevue

node_modules: 用於存放我們專案的各種依賴，比如axios等，沒有moudles檔案，專案就沒法執行，可以使用 npm install進行專案依賴的安裝

public:用於存放靜態檔案

public/index.html:是一個模板檔案，作用是生成專案的入口檔案，webpack打包的js,css也會自動注入到該頁面中。我們瀏覽器訪問專案的時候就會預設開啟生成好的index.html

src:我們存放各種vue檔案的地方

src/assets:用於存放各種靜態檔案，如圖片等

src/compnents：用於存放我們的公共元件，如 header、footer等

src/views：用於存放我們寫好的各種頁面，如login、main等

src/APP.VUE: 主vue模組 引入其他模組，app.vue是專案的主元件，所有頁面都是在app.vue下切換的

src/main.js: 入口檔案，主要作用是初始化vue例項，同時可以在此檔案中引用某些元件庫或者全域性掛在一些變數

src/router.js: 路由檔案，這個裡邊可以理解為各個頁面的地址路徑，用於我們訪問，同時可以直接在裡邊編寫路由守衛

src/store.js：主要用於專案裡邊的一些狀態的儲存，state中儲存狀態，mutations中寫用於修改state中的狀態，actions暫時沒實踐，不知道具體怎麼使用

package.json: 模組基本資訊專案開發所需要模組，版本，專案名稱

package-lock.json: 是在 npm install時候生成一份檔案，用以記錄當前狀態下實際安裝的各個npm package的具體來源和版本號

babel.config.js: 是一個工具鏈，主要用於在當前和較舊的瀏覽器或環境中將ECMAScript 2015+程式碼轉換為JavaScript的向後相容版本

gitignore: git上傳需要忽略的檔案格式

postcss.config.js: postcss 是幫我們後處理css ，css已經編譯完成了，在stylus-loader編譯成css之後，在通過postcss優化css，通過一系列元件去優化，比如以下，通過autoprefixer 新增css字首

vue.config.js: 儲存vue配置的檔案，可以用於設定代理,打包配置等