今天總結一下vue的腳手架的搭建。很簡單，今天我們就來說一下

一、vue 腳手架的搭建。

對於腳手架的具體搭建方法，我這裡不在很詳細的書寫，具體方法我推薦菜鳥教程的方法，和具體，你一步一步的來就可以實現。

二、vue腳手架目錄：

我們來詳細的介紹一下這些目錄：

一級目錄
build: webpack 配置相關的目錄
config: webpack 配置相關的目錄
node_modules: npm install 安裝的依賴程式碼庫
src：我們存放的原始碼，我們開發的所喲程式碼都放在src目錄下。
staic: 存放一些第三方靜態資源的目錄
test:

測試目錄，沒有太大用處，可以刪除

一級檔案：
.babelrc: babel的一些配置，（將es6編譯成es5的一些配置）
.editorconfig:編輯器的一些配置（包括編碼格式，縮排風格，換行格式）
.eslintignore：配置我們不會對build檔案和config檔案進行語法檢查。
.eslintrc.js： eslint的配置檔案，主要是定義一些程式碼編寫風格的規則。
.gitignore：配置git倉庫忽略的一些檔案（不會上傳）
index.html： 入口html 檔案。
package.json：專案的一些配置資訊（專案的一些具體資訊）

src 資料夾下的 目錄：

assets 資料夾： 存放靜態資源，例如：圖片，font字型等。
conponents 資料夾： 存放元件，裡面你可以在建檔案來分元件，比如建 header 問價夾， footer 資料夾
router 資料夾： 配置路由檔案
App.vue 檔案： App.vue是我們的主元件，所有頁面都是在App.vue下進行切換的
main.js 檔案： 主要作用是初始化vue例項並使用需要的外掛

因為我麼主要是在src下進行開發，所有這些檔名不是必須，你可以根據您的專案需求去增加，或刪除。不過 app.vue 檔案和 main.js 檔案 必須要有的。