如何構建一個大型Vue應用程序？

vue-cli 3.0環境開發，在安裝vue之前我們需要安裝node環境，這個我們只要在node官方下載node綠色免安裝版，然后再配置下環境變量即可使用node和npm了。

將node所在目錄配置到電腦的環境變量中就可以使用了，這里我的目錄是D:\Program Files\node-v10.8.0-win-x86，這里我們只要打開電腦-屬性-系統設定-進階-環境變量中獎該路徑添加到path中即可， 快捷鍵“win+r ”打開運行框，輸入cmd在彈出的窗口中輸入node -v 檢查node.js是否安裝成功。

這里我們配置淘寶的鏡像源，這里設置永久的輸入命令：npm config set registry https://registry.npm.taobao.org/

// 臨時 npm --registry https://registry.npm.taobao.org install express // 永久 npm config set registry https://registry.npm.taobao.org // 驗證是否成功 npm config get registry

現在我們可以開始來搭建vue-cli 3.0環境了，輸入命令：npm install -g @vue/cli 安裝vue3.0（-g： 指全局安裝）,快捷鍵“win+r ”打開運行框，輸入cmd在彈出的窗口中輸入vue -V（大寫的V哦）來 檢查vue是否安裝成功。

npm install -g @vue/cli

接下來我們繼續創建vue項目 ，vue3.0和2.0有點區別，不用在裝webpack了，直接使用命令：vue create project創建項目（project為項目名），進入項目配置，這里選擇Manually select features（翻譯：手動選擇功能）。

進入下一個安裝配置選擇，這里根據項目情況自行選擇配置，按上下鍵切換目標選項，按空格鍵勾選和取消，按a全選，按i反選，選好后回車確定（以下是幾個選項的相關意義），圖中是我的選擇。

Babel：指轉譯成瀏覽器可識別的語言，可以讓你的項目支持更新的語法，如es6\es7等 TypeScript：新增的選項卡 Progressive Web App (PWA) Support：指模擬原生app Router：路由管理 Vuex：vuex管理模式 CSS Pre-processors：css預處理語言 Linter / Formatter：代碼規范 Unit Testing：組件單元測試 E2E Testing：端對端測試，模擬用戶真實場景

接下來提示我們選擇是否使用歷史路由：這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新加載頁面,我們輸入Y同意即可，然后就是選擇CSS預處理器語言，在彈出的選項中我選擇LESS

選擇ESLint的代碼規范，此處使用 Standard代碼規范，這里我選擇了ESLint + Standard config（正常模式）

ESLint with error prevention only: 只進行報錯提醒； ESLint + Airbnb conf: 不嚴謹模式； ESLint + Standard config: 正常模式； ESLint + Prettier: 嚴格模式；

接著選擇代碼檢查方式，這里提示我們何時對進行代碼檢測，我選擇在保存時進行檢測，Lint and fix on commit（requires Git）【翻譯：整理并固定提交時（需要git）】

接著選擇單元測試解決方案，這里選擇 我Jest

接著選擇 Babel、PostCSS、ESLint等配置文件存放位置，第一個保存配置文件中，第二個放package.json里，這里我選擇單獨保存在各自的配置文件中。

接著提示是否在以后的項目中使用以上配置，這里我們選擇no，下次自行配置，你也可以選擇yes。

完成以上信息配置之后開始創建項目并開始下載依賴，我們只要耐心等待進度條完成，這樣我們就把Vue項目創建好并完成了初始化。