必須提前安裝好 node 環(huán)境，并首先全局 安裝 vue-cli3 腳手架
npm install -g @vue/cli
裝完之后可以查看一下是否已經(jīng)安裝，我這里安裝的版本是 @vue/cli@3.5.1
npm list -g --depth 0
8D8F61E5-118A-473e-9614-F072851DC90C.png
創(chuàng)建項目
運行下面命令創(chuàng)建一個項目
vue create myapp
選擇配置，默認配置還是手動，這里我選擇手動 Manually
createApp.png
配置相關(guān)的插件和功能
配置相關(guān)的插件和功能.png
這里選擇自己需要的一些插件和功能，我想試一下typescript，所以選上，
- typescript
- vue-router
- vuex
- css預(yù)處理器
- 格式檢查
- 單元測試
class-style.png
是否使用class風格的組件語法，這里選y，腳手架就會幫我們安裝以下組件
- vue-class-component
- vue-property-decorator
是否使用babel做轉(zhuǎn)義，選y
babel.png
是否選擇 history 模式路由規(guī)則，我這里選擇 y
historyRouter.png
選擇一種css預(yù)處理語言，這里我選擇sass
node-sass.png
選擇一種校驗規(guī)則，我選擇TSLint
linter.png
選擇校驗的時機
- 保存的時候校驗
-
提交的時候校驗
lintfeature.png
選擇單元測試的配置，這里選擇Mocha + Chai
unitTest.png
這里是詢問怎么存放babel,postcss,eslint等的配置文件
- 單獨存放
- 集成在package.json
我選擇第一項，單獨存放
配置存儲位置.png
詢問是否保存當前配置，我選擇否
image.png
配置好了，開始安裝
image.png
