## 前言 使用vue開發大型項目時，需要考慮到目錄結構、項目構建以及部署、熱加載、代碼單元化測試等事情，如果手動完成這些，效率非常低，一般情況下我們使用腳手架完成這樣的工作。在vuejs的生態中，我們可以使用vue-cli來快速的構建項目。 ## 安裝 * 全局安裝 `cnpm i vue-cli -g` * 安裝成功可以查看版本 `vue -V` ## 基本使用 * 使用vue-cli來快速生成webpack構建的項目。之后會陸續完成一些項目基本信息的設置（項目名稱，描述，作者，eslint檢查，單元測試，e2e測試等） `vue init webpack my-project` * 生成之后的默認的項目結構 * 項目初始化之后完成安裝依賴,運行項目，訪問localhost:8080即可，作為常識要知道所有的spa應用都是路徑帶/#/ 的。 `cnpm i ` `cnpm run dev ` * 去除eslint的默認代碼格式校驗 /build/webpack.base.config.js 的文件中，找到如下代碼驗證的部分，然后注釋掉；或者在將不想進行校驗的文件就想上面一樣創建一個ignore_lib,然后全部丟進去。 ~~~ { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], exclude: [/node_modules/, /ignore_lib/] options: { formatter: require('eslint-friendly-formatter') } } ~~~