如何用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://m.fzitv.net/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)文章
在vue中,v-for的索引index在html中的使用方法
下面小編就為大家分享一篇在vue中,v-for的索引index在html中的使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue.js動(dòng)態(tài)數(shù)據(jù)綁定學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了vue.js動(dòng)態(tài)數(shù)據(jù)綁定學(xué)習(xí)筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼
這篇文章主要介紹了VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼，文中同時(shí)給大家提到了v-on：click獲取當(dāng)前事件對(duì)象元素的方法,需要的朋友可以參考下2018-08-08
詳解vue 路由跳轉(zhuǎn)四種方式 (帶參數(shù))
這篇文章主要介紹了vue 路由跳轉(zhuǎn)四種方式 (帶參數(shù))，本文通過實(shí)例代碼給大家介紹的詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
基于Vue實(shí)現(xiàn)關(guān)鍵詞實(shí)時(shí)搜索高亮顯示關(guān)鍵詞
這篇文章主要介紹了基于Vue實(shí)現(xiàn)關(guān)鍵詞實(shí)時(shí)搜索高亮顯示關(guān)鍵詞，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
在Vue.js中,計(jì)算屬性（computed properties）是組件的重要組成部分,它們根據(jù)組件的數(shù)據(jù)自動(dòng)計(jì)算新的值,并在數(shù)據(jù)變化時(shí)自動(dòng)更新,本文將探討計(jì)算屬性的緩存機(jī)制,并通過有趣的示例展示如何利用計(jì)算屬性緩存結(jié)果,提升應(yīng)用性能,需要的朋友可以參考下2025-03-03
Vue通過vue-router實(shí)現(xiàn)頁面跳轉(zhuǎn)的全過程
這篇文章主要介紹了Vue通過vue-router實(shí)現(xiàn)頁面跳轉(zhuǎn)的操作步驟,文中有詳細(xì)的代碼示例和圖文供大家參考,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,感興趣的朋友可以參考下2024-04-04
vue實(shí)現(xiàn)搜索并高亮文字的兩種方式總結(jié)
在做文字處理的項(xiàng)目時(shí)經(jīng)常會(huì)遇到搜索文字并高亮的需求,常見的實(shí)現(xiàn)方式有插入標(biāo)簽和貼標(biāo)簽兩種,這兩種方式適用于不同的場(chǎng)景,各有優(yōu)劣,下面我們就來看看他們的具體實(shí)現(xiàn)吧2023-11-11
vue+vuex+axio從后臺(tái)獲取數(shù)據(jù)存入vuex實(shí)現(xiàn)組件之間共享數(shù)據(jù)
這篇文章主要介紹了vue+vuex+axio從后臺(tái)獲取數(shù)據(jù)存入vuex，組件之間共享數(shù)據(jù),非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-04-04
vue父子組件動(dòng)態(tài)傳值的幾種方式及注意問題詳解
這篇文章主要介紹了vue父子組件動(dòng)態(tài)傳值的幾種方式及注意問題詳解,需要的朋友可以參考下2022-12-12