目錄結構

這裡捎帶 腳手架的目錄介紹，如果已經瞭解，輕飄過

一級目錄

build: webpack 配置相關的目錄，webpack 配置檔案，已經配置好，如果想研究 webpack 可以基於這個進行研究

config: webpack 配置相關的目錄

node_modules: npm install 安裝的依賴程式碼庫，這個不能動裡面的程式碼，是根據 package.json 下載的依賴

src: 存放原始碼，我們的 vue 元件目錄，自己開發的頁面都在這裡。

staic: 存放第三方靜態資源的目錄

一級檔案：

.babelrc: babel的一些配置，(將es6編譯成es5的一些配置)，開發時不用管，想學的可以學習。

.editorconfig: 編輯器的一些配置(包括編碼格式，縮排風格，換行格式)，不用管。

.eslintignore: 不用管，說的是哪些不進行 eslint 程式碼格式檢查。

.eslintrc.js: 不用管， eslint的配置檔案，主要是定義一些程式碼編寫風格的規則。這個 eslint 可以關掉，也可以應用進行統一的程式碼風格設定。

在 webstrom 上有一鍵設定程式碼風格，根據 eslint 進行程式碼格式設定。

.gitignore: 配置Git倉庫忽略的一些檔案(不會上傳)，git 哪些不上傳，很簡單，不用管

index.html: 入口html 檔案。當然這個是最重要的檔案，所有的程式碼，最終都會打包到這個檔案，進行釋出，不過打包的過程已經被 webpack 承包了，這個不用管，只有特別的設定時需要整理。

package.json: 專案的依賴，需要的依賴都在這裡。還有執行的命令配置，比如，

npm run dev

就是在這裡配置的。