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