一、首先安裝Vue cli
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安裝好，之後，可以使用 vue --version 查看下版本
二、搭建項目及其配置
vue create 【項目名稱】 項目名稱不要包含大寫字母
vue create name
如果是第一次使用3.0 版本，第一個選項可以忽略，只看後面兩個default 、 Manually
default 是默認配置
Manually select features 是自己手動選擇
1. default 配置
是最簡單的，直接回車執行下去就可以了。
然後就可以啓動項目
cd h5app
// 啓動項目
npm run serve
啓動完成，打開: http://localhost:8080/
2. 手動配置 Manually select features （TypeScript）
2.1 選擇自己需要的（上下箭頭切換 空格選中）
babel: 轉換Es6 語法【必需】
typeScript 我主要是想用到這個，所以選擇的是手動
router 管理路由的也需要
vuex 狀態管理，按需加載
css pre 樣式預處理器 也需要
linter/Formatter 統一代碼風格
最後兩個分別是單元測試和端對端測試，一般不會用到，選擇幾樣常用地，回車確認
2.2 Use class-style component syntax: 是否使用class風格的組件語法
2.3 Use Babel alongside TypeScript: 是否使用babel做轉義
2.4 Use history mode for router? 路由是否使用歷史模式？
路由模式分爲Hash模式、History模式、Abstract模式三種，hash 模式最明顯的特點是url上帶有 # 號， History模式的url就跟正常一樣 我選的Yes
2.5 Pick a Css pre-processor ? 使用哪個css預處理器
我選擇的是第一個 SCSS dart-sass
2.6 Pick a linter / formatter config? 選擇哪個自動化代碼格式話檢測
（語法檢測工具）就是可以檢測出你代碼中潛在的問題，保證寫出的代碼語法正確，風格統一。
- ESLint with error prevention only 只檢測錯誤
- ESLint + Airbnb config 獨角獸公司的Airbnb，有人說這是一份最合理的JavaScript 的編碼規範，他幾乎涵蓋了js的各個方面
- ESLint + Standard config standardjs 是一份強大的js編程規範，自帶linter和自動代碼糾正，沒有配置，自動格式化代碼，可在編碼早期發現規範問題和低級錯誤
- ESLint + Prettier Prettier作爲代碼格式話工具，能夠統一整體團隊的代碼風格，（暫時選擇這個）
- TSLint (deprecated)
2.7 Pick additional lint features 選擇語法檢查方式
- Lint on save 保存就檢測
- Lint and fix on commit 用戶commit時檢測（我選擇這個）
2.8 Where do you prefer placing config for Babel, ESLint, etc.?配置文件放哪
- In dedicate config files 在專用配置文件中，單獨管理（選擇這個）
- In package.json 放在package.json 文件中
2.9 Save this as a preset for future projects? 是否將以上這些保存爲未來項目的配置？N
如果你選擇y,那麼下次搭建項目時就會出現本次的配置，
三、啓動項目
cd wechat-account-web
// 啓動項目
npm run serve
搭建成功！！！