當(dāng)前位置：首頁(yè) > 科技 > 軟件

2024 Vue 最全的生態(tài)工具組合推薦指南

來源：責(zé)編：時(shí)間：2024-06-25 17:19:06 156觀看

導(dǎo)讀Vue3雖然 Vue2 很多項(xiàng)目在用，但是官方已經(jīng)宣布不在維護(hù) Vue2，所以新項(xiàng)目肯定首選 Vue3 來進(jìn)行開發(fā)，組合式 API 開發(fā)起來比選項(xiàng)式 API 方便多了，而且 Vue3 的響應(yīng)式實(shí)現(xiàn)也更加合理，對(duì) typescript 的支持也更好，打包體積也更

Vue3

雖然 Vue2 很多項(xiàng)目在用，但是官方已經(jīng)宣布不在維護(hù) Vue2，所以新項(xiàng)目肯定首選 Vue3 來進(jìn)行開發(fā)，組合式 API 開發(fā)起來比選項(xiàng)式 API 方便多了，而且 Vue3 的響應(yīng)式實(shí)現(xiàn)也更加合理，對(duì) typescript 的支持也更好，打包體積也更小，模板編譯加入了靜態(tài)節(jié)點(diǎn)提升的優(yōu)化。

Nuxt

官方出品的 SSR 框架，絕對(duì)是首選。

Vite

現(xiàn)在 Vite 這個(gè)構(gòu)建工具有多火不用我說了吧？相比于 Webpack，Vite 比較輕量，且開發(fā)階段構(gòu)建超級(jí)快，除非舊項(xiàng)目依賴 Webpack，不然新項(xiàng)目首選 Vite。

PNPM

在包管理器的選擇上，首選 PNPM，相比于 NPM，它能解決很多問題，例如幽靈依賴、安裝速度快、節(jié)省空間、天然支持 Monorepo。

Pinia

相比于老牌狀態(tài)管理 Vuex，Pinia更加小巧，使用起來也更加簡(jiǎn)單，對(duì) Typescript 的支持也更好，并且所見即所得讓開發(fā)者開發(fā)起來更加舒適。

Pinia 也官方支持了持久化緩存的措施，非常方便，拓展性也更強(qiáng)。

Http 請(qǐng)求庫(kù)

Axios 無疑是當(dāng)今 Http 請(qǐng)求庫(kù)的王者，無論是 Node 還是瀏覽器端，它都能很好地支持，且配置起來比較靈活，拓展性非常強(qiáng)，難怪下載量一直居高不下。

UI 庫(kù)

1.ElementUI & Antdv

其實(shí) ElementUI 和 Antdv 這兩個(gè)組件庫(kù)都能滿足大部分的 PC 端的網(wǎng)頁(yè)開發(fā)，至于選擇哪個(gè)就看個(gè)人審美了，這兩個(gè)依舊占據(jù)著 Vue PC 端 UI 庫(kù)的前二。

2.Vuetify

Vuetify 中的每個(gè)組件都是在 Google Material Design 規(guī)范下制開發(fā)出來的，并附帶數(shù)百個(gè)適合任何風(fēng)格或設(shè)計(jì)的自定義選項(xiàng)；

Vuetify 支持多平臺(tái)適配。

3.Vant

Vant 是 Vue 移動(dòng)端開發(fā)選擇最多的 UI 庫(kù)，且非常輕量~

表格組件

表格組件其實(shí)很多 UI 組件庫(kù)都具備，但是畢竟他們精力有限，所以很多表格組件的質(zhì)量都比較一般。

1.Vxe-table

老牌表格組件庫(kù)了，功能超級(jí)多，沒有做不到的，只有你想不到的

2.vTable

字節(jié)開源的表格組件庫(kù)，底層用 Canvas 實(shí)現(xiàn)的，天然支持虛擬滾動(dòng)，性能不錯(cuò)。

3.Surely Vue

Antdv 自己研發(fā)的一款表格組件庫(kù)，但是不開源需要收費(fèi)，它的虛擬滾動(dòng)做的很不錯(cuò)，跟其他表格都不一樣

Hooks 庫(kù)

首選 Vueuse ，由 Vue 團(tuán)隊(duì)核心成員 Anthony Fu 開發(fā)，功能超級(jí)多，基本能滿足你的開發(fā)需求。

拖拽庫(kù)

其實(shí) vue 的拖拽庫(kù)已經(jīng)斷代很久了，上一個(gè)很火的是 vue-draggable，但是這個(gè)庫(kù)很久沒更新了，且只對(duì) Vue2 支持的比較好。

所以現(xiàn)在推薦 vue3-dnd 這個(gè)庫(kù)，對(duì) Vue3 支持比較好，且具備基本的拖拉拽功能。

I18N

在做國(guó)際化 I18N 的時(shí)候可以借助 vue-i18n 這個(gè)包來完成，使用起來很方便

站點(diǎn)生成器

Vitepress 借助 Vue3 和 Vite，能提供更好的開發(fā)體驗(yàn)和生產(chǎn)性能，以及更精美的默認(rèn)主題。

本文鏈接：http://www.www897cc.com/showinfo-26-96426-0.html2024 Vue 最全的生態(tài)工具組合推薦指南

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇：五分鐘了解 LangChain 的路由鏈

下一篇：新來的騰訊后端，直接定義代碼測(cè)試新姿勢(shì)！

標(biāo)簽：

熱門焦點(diǎn)

對(duì)標(biāo)蘋果的靈動(dòng)島華為帶來實(shí)況窗功能

繼蘋果的靈動(dòng)島之后，華為也在今天正式推出了“實(shí)況窗”功能。據(jù)今天鴻蒙OS 4.0的現(xiàn)場(chǎng)演示顯示，華為的實(shí)況窗可以更高效的展現(xiàn)出實(shí)時(shí)通知，比如鎖屏上就能看到外賣、打車、銀行
石頭自清潔掃拖機(jī)器人G10S評(píng)測(cè)：多年黑科技集大成之作懶人終極福音

科技圈經(jīng)常能看到一個(gè)詞叫“縫合怪”，用來形容那些把好多功能或者外觀結(jié)合在一起的產(chǎn)品，通常這樣的詞是貶義詞，但如果真的是產(chǎn)品縫合的好、縫合的實(shí)用的話，那它就成了中性詞，今
把LangChain跑起來的三個(gè)方法

使用LangChain開發(fā)LLM應(yīng)用時(shí)，需要機(jī)器進(jìn)行GLM部署，好多同學(xué)第一步就被勸退了，那么如何繞過這個(gè)步驟先學(xué)習(xí)LLM模型的應(yīng)用，對(duì)Langchain進(jìn)行快速上手？本片講解3個(gè)把LangChain跑起來
如何正確使用:Has和:Nth-Last-Child

我們可以用CSS檢查，以了解一組元素的數(shù)量是否小于或等于一個(gè)數(shù)字。例如，一個(gè)擁有三個(gè)或更多子項(xiàng)的grid。你可能會(huì)想，為什么需要這樣做呢？在某些情況下，一個(gè)組件或一個(gè)布局可能會(huì)
重估百度丨大模型，能撐起百度的“今天”嗎?

自象限原創(chuàng) 作者｜程心羅輯2023年之前，對(duì)于自己的“今天”，百度也很迷茫。“新業(yè)務(wù)到 2022 年底還是 0，希望 2023 年出來一個(gè) 1。”這是2022年底，李彥宏
余承東:AI大模型技術(shù)的發(fā)展將會(huì)帶來下一代智能終端操作系統(tǒng)的智慧體驗(yàn)

8月4日消息，2023年華為開發(fā)者大會(huì)（HDC.Together）今天正式開幕，華為發(fā)布HarmonyOS 4、全新升級(jí)的鴻蒙開發(fā)套件、HarmonyOS Next開發(fā)者預(yù)覽版本等一系列
3699元！iQOO Neo8 Pro頂配版今日首銷：1TB UFS 4.0同價(jià)位唯一

5月23日，iQOO推出了全新的iQOO Neo8系列，包含iQOO Neo8和iQOO Neo8 Pro兩個(gè)版本，其中標(biāo)準(zhǔn)版搭載高通驍龍8+，而Pro版更是首發(fā)搭載了聯(lián)發(fā)科天璣9200+旗艦
OPPO K11評(píng)測(cè)：旗艦級(jí)IMX890加持 2000元檔最強(qiáng)影像手機(jī)

【Techweb評(píng)測(cè)】中端機(jī)型用戶群體巨大，占了中國(guó)目前手機(jī)市場(chǎng)的大頭，一直以來都是各手機(jī)品牌的“必爭(zhēng)之地”，其中OPPO K系列機(jī)型一直以來都以高品質(zhì)、
OPPO K11樣張首曝：千元機(jī)影像“卷”得真不錯(cuò)！

一直以來，OPPO K系列機(jī)型都保持著較為均衡的產(chǎn)品體驗(yàn)，歷來都是2K價(jià)位的明星機(jī)型，去年推出的OPPO K10和OPPO K10 Pro兩款機(jī)型憑借各自的出色配置，堪稱有

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

2024 Vue 最全的生態(tài)工具組合推薦指南

Vue3

Nuxt

Vite

PNPM

Pinia

Http 請(qǐng)求庫(kù)

UI 庫(kù)

1.ElementUI & Antdv

2.Vuetify

3.Vant

表格組件

1.Vxe-table

2.vTable

3.Surely Vue

Hooks 庫(kù)

拖拽庫(kù)

I18N

站點(diǎn)生成器

對(duì)標(biāo)蘋果的靈動(dòng)島華為帶來實(shí)況窗功能

石頭自清潔掃拖機(jī)器人G10S評(píng)測(cè)：多年黑科技集大成之作懶人終極福音

把LangChain跑起來的三個(gè)方法

如何正確使用:Has和:Nth-Last-Child

重估百度丨大模型，能撐起百度的“今天”嗎?

余承東:AI大模型技術(shù)的發(fā)展將會(huì)帶來下一代智能終端操作系統(tǒng)的智慧體驗(yàn)

3699元！iQOO Neo8 Pro頂配版今日首銷：1TB UFS 4.0同價(jià)位唯一

OPPO K11評(píng)測(cè)：旗艦級(jí)IMX890加持 2000元檔最強(qiáng)影像手機(jī)

OPPO K11樣張首曝：千元機(jī)影像“卷”得真不錯(cuò)！

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊