vue3.0+vite(一)搭建項目

開發(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

好了,一個簡單的vue3.0+vite的項目就搭建成功了!

下一章講一下vite.config.js的主要配置

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容