搭建項(xiàng)目之前，請(qǐng)確認(rèn)好你自己已經(jīng)安裝過node, npm, vue cli。沒安裝的可以參考下面的鏈接安裝。
安裝好node默認(rèn)已經(jīng)安裝好npm了，所以不用單獨(dú)安裝了。
劇場(chǎng)環(huán)境已搭建好，開始表演！
使用vscode進(jìn)入一個(gè)目錄，創(chuàng)建項(xiàng)目
請(qǐng)選擇手動(dòng)配制
選擇你需要的配置項(xiàng)
通過↑ ↓ 箭頭選擇你要配置的項(xiàng)，按 空格 是選中，按 a 是全選，按 i 是反選。具體每個(gè)配置項(xiàng)表示什么意思在下面會(huì)有說明。
選項(xiàng)說明：
( ) Babel //轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。
( ) TypeScript// TypeScript是一個(gè)JavaScript（后綴.js）的超集（后綴.ts）包含并擴(kuò)展了 JavaScript 的語(yǔ)法，需要被編譯輸出為 JavaScript在瀏覽器運(yùn)行
( ) Progressive Web App (PWA) Support// 漸進(jìn)式Web應(yīng)用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的狀態(tài)管理模式）
( ) CSS Pre-processors // CSS 預(yù)處理器（如：less、sass）
( ) Linter / Formatter // 代碼風(fēng)格檢查和格式化（如：ESlint）
( ) Unit Testing // 單元測(cè)試（unit tests）
( ) E2E Testing // e2e（end to end） 測(cè)試
選完之后按 Enter。分別選擇每個(gè)對(duì)應(yīng)功能的具體包。選你擅長(zhǎng)的，沒有擅長(zhǎng)的，就選使用廣的，哈哈，方便咨詢別人。
選擇是否使用history router
Vue-Router 利用了瀏覽器自身的hash 模式和 history 模式的特性來實(shí)現(xiàn)前端路由（通過調(diào)用瀏覽器提供的接口）。
我這里建議選n。這樣打包出來丟到服務(wù)器上可以直接使用了，后期要用的話，也可以自己再開起來。
選yes的話需要服務(wù)器那邊再進(jìn)行設(shè)置。
Use history mode for router? (Requires proper server setup for index fallback in production)
選擇css 預(yù)處理器
我選擇的是Sass/Scss(with dart-sass)
node-sass是自動(dòng)編譯實(shí)時(shí)的，dart-sass需要保存后才會(huì)生效。sass 官方目前主力推dart-sass 最新的特性都會(huì)在這個(gè)上面先實(shí)現(xiàn)。
選擇單元測(cè)試
Mocha + Chai //mocha靈活,只提供簡(jiǎn)單的測(cè)試結(jié)構(gòu)，如果需要其他功能需要添加其他庫(kù)/插件完成。必須在全局環(huán)境中安裝
Jest //安裝配置簡(jiǎn)單，容易上手。內(nèi)置Istanbul，可以查看到測(cè)試覆蓋率，相較于Mocha:配置簡(jiǎn)潔、測(cè)試代碼簡(jiǎn)潔、易于和babel集成、內(nèi)置豐富的expect
選擇如何存放配置
In dedicated config files // 獨(dú)立文件放置
In package.json // 放package.json里
是否保存當(dāng)前配置
鍵入N不記錄，如果鍵入Y需要輸入保存名字，如第2步所看到的我保存的名字為test。
等待創(chuàng)建項(xiàng)目
啟動(dòng)項(xiàng)目
到這里我們的項(xiàng)目就已搭建完成啦~~
