vite初使用隨記

2022-10-09 02:30:11 字數 1057 閱讀 4393

按照官網文件來看,並不難。

先檢查自己電腦node的版本與npm的版本/yarn的版本

可以直接用yarn安裝,yarn create vite這是最原始的安裝,即類似於安裝vue-cli一樣會出現選項配置。

官方文件還給出了其他更便捷的安裝方法,有需求可以去看 **:

但與vue腳手架不同的是,vite不在帶有vuex的安裝與router的安裝(需要自行安裝依賴)

選擇三個配置

建立專案很快,然後進入專案目錄

因為我用的是vite2.0,vite 2.0 core現在與框架無關。所以現在通過@vitejs/plugin-vue這個外掛程式來支援vue

defineconfig為幫手函式,這樣不用jsdoc註解也可以獲取型別提示。

具體其他配置可參考官方文件。

我們可以看到啟動專案只需要1.2s左右,是腳手架速度的100倍!

可以在配置檔案中開啟或禁止hmr

不過現在還是不想輕易的使用vite來進行下一步專案的構建。vite雖然啟動快,但如果依賴過多的話,首屏載入會有一丟丟慢

Vim 使用隨記

vim 適用隨記 1 適用於c 開發,生成tags檔案 ctags r c kinds p fields ias extra q2 編輯 vimrc 設定外掛程式屬性 1 顯示行號 2 set nu 3 設定tags路徑為當前目錄路徑 4 set tags root ice 3.5.1 cpp sr...

openCV使用隨記

cv2.videocapture cv2.calcopticalflowfarneback cv2.calcopticalflowfarneback prev,next,flow,pyr scale,levels,winsize,iterations,poly n,poly sigma,flags ...

UltraEdit使用技巧隨記

刪除空行 替換 t p 為 空串 刪除行尾空格 替換 t 為 空串 刪除行首空格 替換 t 為 空串 每行設定為固定的4個空格開頭 替換 t t p 為 1 每段設定為固定的4個空格開頭 替換 t 為 如果一行是以空格開始的,則視之為一段的開始行 將一段合併為一行 替換 t p t p 為 1 注意...