開發(fā)環(huán)境
Vite需要Node.js版本> = 12.0.0
檢測node版本命令
node -v

image.png
正式開始,使用vite創(chuàng)建一個vue項目(npm或yarn)
npm init @vitejs/app 項目名稱
or
yarn create @vitejs/app 項目名稱
我比較喜歡用yarn,這里我就直接使用yarn命令安裝了
如圖所示:讓你選擇 這里我們直接選擇vue

image.png

image.png
使用vite創(chuàng)建項目十分的快,我們已經(jīng)創(chuàng)建好項目了,接下來用vscode打開項目看看

image.png
項目結(jié)構(gòu)可以說是十分的簡潔,先把依賴裝上看看
npm install
or
yarn
運行命令
npm run dev
or
yarn dev

image.png
運行起來是這個樣子

image.png