按照官網文件來看,並不難。
先檢查自己電腦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 注意...