本篇文章帶大家整理分享一些實用的vue相關(guān)生態(tài)，希望對大家有所幫助！

1、Vue 插件庫

Vue 插件庫收集了最新最全的Vue插件和提供各種Vue插件的詳細(xì)使用方法，支持在線預(yù)覽，Vue 插件下載。（學(xué)習(xí)視頻分享：vue視頻教程）

官方地址：https://www.vue365.cn/

前端（vue）入門到精通課程：進入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點擊使用

vue插件庫 旨在為Web和移動應(yīng)用程序開發(fā)人員提供最新的免費Vue.js組件和插件。

2、Pinia

輕量級狀態(tài)管理庫，API 設(shè)計更接近Vuex 5的提案，也是Vue核心團隊推薦的狀態(tài)管理庫，同時支持 Vue2 和 Vue3。

官方地址：https://pinia.vuejs.org/

特性

Pinia具有以下幾點特性：

• 直觀，像定義components一樣地定義 store

• 完整的Typescript支持

• 去除 mutations，只有 state，getters，actions

• actions支持同步和異步

• Vue Devtools支持Pinia，提供更好的開發(fā)體驗

• 能夠構(gòu)建多個 stores ，并實現(xiàn)自動地代碼拆分

• 極其輕量（1kb），甚至感覺不到它的存在

使用 Pinia 獲得可很多好處：

• 開發(fā)工具支持

  • 跟蹤動作、突變的時間表
  • 商店出現(xiàn)在使用它們的組件中
  • 時間旅行和更容易的調(diào)試

• 熱模塊更換

  • 在不重新加載頁面的情況下修改您的商店
  • 在開發(fā)時保持任何現(xiàn)有狀態(tài)

• 插件：使用插件擴展 Pinia 功能

• 為 JS 用戶提供適當(dāng)?shù)?TypeScript 支持或自動完成功能

• 服務(wù)器端渲染支持

3、Nuxt Modules

由Nuxt團隊和社區(qū)創(chuàng)建， 了解我們的模塊列表，以增強您的Nuxt項目。

• 官方地址：https://modules.nuxtjs.org/

• github地址：https://github.com/nuxt/modules

4、Nuxt 3

輕量級應(yīng)用框架，可用來創(chuàng)建服務(wù)端渲染 (SSR) 應(yīng)用

官方地址：https://v3.nuxtjs.org/

中文文檔：https://www.nuxtjs.org.cn/

整合vite + vue3 + composition api + ts、CLI、DevTools、Nuxt Kit表明，這是一個體系完備的通用開發(fā)框架，能提供良好的代碼組織、極高的開發(fā)效率、開發(fā)體驗和服務(wù)端渲染/靜態(tài)網(wǎng)站生成（SSR/SSG）能力，這才是硬核！

Nuxt 3新特性

Nuxt 3 的重構(gòu)精簡了內(nèi)核，并且讓速度更快，開發(fā)體驗更好。

• 更輕量

  以現(xiàn)代瀏覽器為目標(biāo)的情況下，服務(wù)器部署和客戶端產(chǎn)物最多可達(dá) 75 倍的減小。

• 更快

  用動態(tài)服務(wù)端代碼分割來優(yōu)化冷啟動，由 nitro 提供能力。

• Hybrid

  增量靜態(tài)生成和其他高級模式現(xiàn)在都成為可能。

• Suspense

  導(dǎo)航前后皆任何組件中獲取數(shù)據(jù)。

• Composition API

  使用 Composition API 和 Nuxt 3 的 composables 實現(xiàn)真正的可復(fù)用性。

• Nuxt CLI

  全新的零依賴體驗，助您輕松搭建項目和集成模塊。

• Nuxt Devtools