如何用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://www.dhdzp.com/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通過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)簽兩種,這兩種方式適用于不同的場景,各有優(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

