如何用Vite構(gòu)建工具快速創(chuàng)建Vue項(xiàng)目
和Webpack相比，Vite具有以下特點(diǎn)
1、快速的冷啟動(dòng)，不需要等待打包
2、即時(shí)的熱模塊更新，真正的按需編譯，不用等待整個(gè)項(xiàng)目編譯完成
Vite構(gòu)建Vue項(xiàng)目
前提：安裝Node.js和Vite
第一步通過npm創(chuàng)建Vite項(xiàng)目
npm init vite-app 項(xiàng)目名稱
# 例如 npm init vite-app HelloVue
第二步當(dāng)項(xiàng)目創(chuàng)建成功后，cd到項(xiàng)目目錄
cd 項(xiàng)目名稱
# 例如 cd HelloVue
第三步安裝項(xiàng)目依賴
npm install
第四步運(yùn)行項(xiàng)目
npm run dev
構(gòu)建過程可能會(huì)發(fā)生的一些問題
1、npm install命令很慢或者卡住不動(dòng)，可以參考：
http://chabaoo.cn/article/248533.htm
2、npm run dev提示“vite不是內(nèi)部或外部命令”，可能你還沒安裝vite，可以輸入以下命令進(jìn)行安裝。
npm install vite
安裝成功再次npm run dev應(yīng)該就沒問題了。
總結(jié)
到此這篇關(guān)于如何用Vite構(gòu)建工具快速創(chuàng)建Vue項(xiàng)目的文章就介紹到這了,更多相關(guān)Vite快速創(chuàng)建Vue內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- Vite創(chuàng)建Vue3項(xiàng)目及Vue3使用jsx詳解
- 使用vite創(chuàng)建vue3項(xiàng)目的詳細(xì)圖文教程
- vue3的介紹和兩種創(chuàng)建方式詳解(cli和vite)
- 利用vite創(chuàng)建vue3項(xiàng)目的全過程及一個(gè)小BUG詳解
- Vue+vite創(chuàng)建項(xiàng)目關(guān)于vite.config.js文件的配置方法
- 詳解如何創(chuàng)建基于vite的vue項(xiàng)目
- Vue+Vite項(xiàng)目初建(axios+Unocss+iconify)的實(shí)現(xiàn)
相關(guān)文章
在vue2.0中引用element-ui組件庫(kù)的方法
這篇文章主要介紹了在vue2.0中引用element-ui組件庫(kù),需要的朋友可以參考下2018-06-06
vue實(shí)現(xiàn)橫屏滾動(dòng)公告效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)橫屏滾動(dòng)公告效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Vue路由組件通過props配置傳參的實(shí)現(xiàn)
本文主要介紹了Vue路由組件通過props配置傳參的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要介紹了vue使用element-ui的el-image的問題分析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
本篇文章給大家分享了vue2單元測(cè)試環(huán)境搭建的詳細(xì)步驟，對(duì)此有需要的朋友參考學(xué)習(xí)下。2018-05-05
vue3調(diào)度器effect的scheduler功能實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了vue3調(diào)度器effect的scheduler功能實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Vue 頁(yè)面狀態(tài)保持頁(yè)面間數(shù)據(jù)傳輸?shù)囊环N方法(推薦)
vue router給我們提供了兩種頁(yè)面間傳遞參數(shù)的方式,一種是動(dòng)態(tài)路由匹配，一種是編程式導(dǎo)航，接下來(lái)通過本文給大家介紹Vue 頁(yè)面狀態(tài)保持頁(yè)面間數(shù)據(jù)傳輸?shù)囊环N方法,需要的朋友可以參考下2018-11-11
Mint UI 是 由餓了么前端團(tuán)隊(duì)推出的 一個(gè)基于 Vue.js 的移動(dòng)端組件庫(kù),下面通過本文給大家介紹在vue項(xiàng)目中安裝使用Mint-UI的方法，需要的朋友參考下吧2017-12-12
vue結(jié)合vant實(shí)現(xiàn)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了vue結(jié)合vant實(shí)現(xiàn)聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
vue鼠標(biāo)懸停事件監(jiān)聽實(shí)現(xiàn)方法
頁(yè)面在鼠標(biāo)懸停(不動(dòng))n秒之后,頁(yè)面進(jìn)行相應(yīng)的事件,下面這篇文章主要給大家介紹了關(guān)于vue鼠標(biāo)懸停事件監(jiān)聽的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09