地址 所有 config文件 tor 防止 風格 asset set 腳手架

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

一、vue 腳手架的搭建。

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

鏈接地址：http://www.runoob.com/vue2/vue-install.html vue2.0腳手架的搭建：https://segmentfault.com/a/1190000011275993 對於不會使用或不知道 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倉庫忽略的一些文件（不會上傳） .postcssrc.js 防止樣式錯亂 index.html： 入口html 文件。 package.json：項目的一些配置信息（項目的一些具體信息）

src 文件夾下的 目錄：

assets 文件夾： 存放靜態資源，例如：圖片，font字體等。 conponents 文件夾： 存放組件，裏面你可以在建文件來分組件，比如建 header 問價夾， footer 文件夾 router 文件夾： 配置路由文件 App.vue 文件： App.vue是我們的主組件，所有頁面都是在App.vue下進行切換的 main.js 文件： 主要作用是初始化vue實例並使用需要的插件 dist文件夾為我們經過編譯後產生的 文件，項目上線一般就是將編譯好的build文件及相關依賴發布上線 因為我麽主要是在src下進行開發，所有這些文件名不是必須，你可以根據您的項目需求去增加，或刪除。不過 app.vue 文件和 main.js 文件 必須要有的。

vue-cli搭建及項目目錄結構