既然是第一次用vite搭建項目，最正確的姿勢當然是閱讀vite官網的說明，雖然是英文的，如果英文不好也沒關系，瀏覽上谷歌翻譯一下也是可以的。廢話少說，我們開始吧。
一、創建項目
這里根據vite的兼容性說明，要求node.js版本>=12.0.0
提供了npm,yarn,兩種包管理工具的創建方式
用NPM：
npm init @vitejs/app
使用yarn：
yarn create @vitejs/app
然后按照提示進行操作！
這里我們使用yarn來創建一個vue項目（這里我使用的Mac，與PC步驟基本一致）
-
在我們想要創建的項目都目錄下打開終端（命令行工具）
-
輸入如下命令
// Mac 其中sudo是獲取系統權限的標識 sudo yarn create @vitejs/app // PC yarn create @vitejs/app我這里使用了sudo，所以要輸入開機密碼，輸入之后回車，這里終端顯示安裝依賴，提示我們輸入項目名稱
-
輸入項目名稱
vite-vue，回車
-
鍵盤上下↕️移動，選擇要創建的項目模板，這里我們選擇vue並回車
-
此時我們依次執行上面三條命令，就一個簡單的項目就創建並啟動了。
這里我自己還使用了另一種包管理工具pnpm，來管理依賴包
原因是：pnpm安裝依賴的包的速度遠遠快於npm、yarn，也是偶然看到公眾號的推文，試了一下，果然真香。
想要了解原理的同學，可以看蒼青浪的為什么現在我更推薦 pnpm 而不是 npm/yarn?，也可以去pnpm官網查看
創建項目的步驟1、2、3都一樣，從第四步開始不一樣
-
使用
pnpm install安裝依賴pnpm install -
運行項目
pnpm dev
這樣就使用了pnpm的包管理工具安裝依賴，至於依賴的安裝，pnpm類似於yarn，使用pnpm add 依賴包名稱，具體的更多命令大家就看一下官網，使用起來和npm、yarn都是類似的。
總結：
之前在看winter采訪尤大的時候，尤大就提到在打磨vite，vite的打包速度會非常的快，今天試過之后確實真香，還內置了熱部署等功能，非常好用；至於提到的pnpm，也是一個體驗非常好的包管理工具，真的香。
Find me
微信公眾號：heyhaiyang
掘金：heyhaiyang
博客園：heyhaiyang
頭條號：heyhaiyang