vite構(gòu)建vue3項目的全過程記錄
更新時間：2023年01月16日 11:40:25 作者：harmsworth2016
vite是VUE3創(chuàng)建項目的工具,項目大了之后,性能明顯優(yōu)于webpack,下面這篇文章主要給大家介紹了關(guān)于vite構(gòu)建vue3項目的相關(guān)資料,需要的朋友可以參考下
環(huán)境準(zhǔn)備
安裝最新版本 @vuejs/app
yarn global add @vue/cli # OR npm install -g @vue/cli
升級到最新版本 @vitejs/app
yarn global upgrade @vue/cli # OR npm update -g @vue/cli
查看 vue 版本
vue -V
兼容性注意
故切換 node 版本，可查看該文章：使用 nvs 管理本地 Node 版本。
創(chuàng)建項目
yarn create @vitejs/app <project-name> # OR npm init @vitejs/app <project-name>
選擇一個框架
選擇一種 ECMAScript 的實現(xiàn)
創(chuàng)建完成
啟動
npm install npm run dev # OR yarn yarn dev
目錄結(jié)構(gòu)
總結(jié)
vite依賴node 12版本及以上- 使用
vite構(gòu)建vue項目更加簡潔，啟動速度飛快
到此這篇關(guān)于vite構(gòu)建vue3項目的文章就介紹到這了,更多相關(guān)vite構(gòu)建vue3項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Arco Design 作為一款專為 Vue3 打造的企業(yè)級 UI 組件庫,以其豐富的特性和卓越的性能,成為現(xiàn)代 Web 應(yīng)用開發(fā)者值得關(guān)注的選擇,這篇文章主要介紹了Vue3 框架Arco Design詳解,需要的朋友可以參考下2024-08-08
這篇文章介紹了vue為自定義路徑設(shè)置別名的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
Vue使用pdf-lib實現(xiàn)為文件流添加水印并預(yù)覽
這篇文章主要為大家詳細(xì)介紹了Vue如何使用pdf-lib實現(xiàn)為文件流添加水印并預(yù)覽的功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起了解一下2023-03-03
本篇文章主要介紹了Vue.use自定義自己的全局組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
VUE引入騰訊地圖并實現(xiàn)軌跡動畫的詳細(xì)步驟
這篇文章主要介紹了VUE引入騰訊地圖并實現(xiàn)軌跡動畫,引入步驟大概是在 html 中通過引入 script 標(biāo)簽加載API服務(wù)，結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了使用canvas實現(xiàn)一個vue彈幕組件功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了Vue?路由傳參加密,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
Vue.js學(xué)習(xí)筆記之 helloworld
vue是法語中視圖的意思，Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有非常容易上手的API。有需要的小伙伴可以參考下2016-08-08
這篇文章主要給大家介紹了關(guān)于Vue.js中該如何自己維護路由跳轉(zhuǎn)記錄的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Vue.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
下面小編就為大家分享一篇vue獲取當(dāng)前點擊的元素并傳值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03