1. 前言
2. Vite是什么 what
- 下一代前端開發(fā)與構(gòu)建工具
3. Vite 項(xiàng)目創(chuàng)建
- 創(chuàng)建腳手架項(xiàng)目
- 不需要像之前一樣全局安裝腳手架哦
- Node.js 版本 >= 12.0.0。
- 下面一個(gè)指令輕松創(chuàng)建
npm init vite@latest
- 直接輸入項(xiàng)目名字就行不用點(diǎn)擊刪除
創(chuàng)建.png- 上下鍵選擇框架
框架.png
- Vue3對TS支持非常好健蕊，所以選擇是否使用TS阻问，這里我們選擇TS揍障，擁抱趨勢
TS.png
- 完整的配置
1.png- 這里創(chuàng)建腳手架的速度非常葡秒，敲完回車立即就完成了創(chuàng)建在塔，這就是
Vite的優(yōu)勢快- 注意這個(gè)腳手架是空的沒有
router来候，vuex之類的預(yù)設(shè)模板選擇控淡，需要什么都需要單獨(dú)安裝饭聚，單獨(dú)配置忌警，有需要的話在單獨(dú)寫個(gè)router- 根據(jù)提示 cd到項(xiàng)目文件夾下
- 安裝依賴 npm install
- 運(yùn)行項(xiàng)目 npm run dev
- 效果圖
效果圖.png- 注意我這個(gè)vite版本，運(yùn)行速度也非趁胧幔快
4. 依賴 安裝
- 以 Pinia 為例安裝指令
npm install pinia
- 效果圖
pinia.png
- 注意各個(gè)依賴的版本法绵，因?yàn)樽罱@
Vue3和相關(guān)的插件都還在穩(wěn)步迭代更新中
5. 后記
- 更多的配置改天在寫
