vue 腳手架的搭建和目錄結構

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

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

連結地址：http://www.runoob.com/vue2/vue-install.html
對於不會使用或不知道 npm的，你可以從網上搜搜，下載node.js ,npm會隨node.js一起被安裝。 二、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 檔案 必須要有的。