相比其他大型框架，Vue更加靈活，開發(fā)者既可以選擇使用Vue來開發(fā)一個(gè)全新項(xiàng)目，也可以將Vue引入到一個(gè)現(xiàn)有的項(xiàng)目中。代碼簡(jiǎn)潔、上手容易，深受開發(fā)者青睞。下面本篇文章給大家總結(jié)分享7款常用的Vue的開發(fā)工具，快放入收藏夾吧！

1、unplugin-vue-components

antfu 按需組件自動(dòng)導(dǎo)入，開箱即用地支持 Vue 2 和 Vue 3，Tree-shakable，只注冊(cè)你使用的組件，附有流行UI 庫的內(nèi)置解析器。（學(xué)習(xí)視頻分享：vuejs教程）

下載地址：https://www.npmjs.com/package/unplugin-vue-components

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

unplugin-vue-components插件可以在Vue文件中自動(dòng)引入組件（包括項(xiàng)目自身的組件和各種組件庫中的組件）；作者是Vite生態(tài)圈大名鼎鼎的Anthony Fu。

使用此插件后，不需要手動(dòng)編寫import { Button } from 'ant-design-vue'這樣的代碼了，插件會(huì)自動(dòng)識(shí)別template中使用的自定義組件并自動(dòng)注冊(cè)。

2、vuex-persistedstate

vuex可以進(jìn)行全局的狀態(tài)管理，但刷新后刷新后數(shù)據(jù)會(huì)消失，這是我們不愿意看到的。怎么解決呢，我們可以結(jié)合本地存儲(chǔ)做到數(shù)據(jù)持久化，也可以通過持久化插件：vuex-persistedstate。

它可以在頁面重新加載之間保持并重載您的 Vuex 狀態(tài)

github地址：https://github.com/robinvdvleuten/vuex-persistedstate

3、vuex-persist

支持 Typescript 的Vuex插件，它能夠?qū)?yīng)用程序的狀態(tài)保存到持久存儲(chǔ)中，例如 Cookies 或 localStorage

官方地址：https://championswimmer.in/vuex-persist/

4、@vueuse/gesture

手勢(shì)庫，使應(yīng)用程序具有交互性

官方地址：https://gesture.vueuse.org/

5、unplugin-auto-import

antfu 自動(dòng)導(dǎo)入 Vite、Webpack、Rollup 和 esbuild 的 API。支持 TypeScript。

github地址：https://github.com/antfu/unplugin-auto-import

6、 pinia-plugin-persistedstate（Pinia 數(shù)據(jù)持久化儲(chǔ)存）

Pinia 商店的可配置持久性

github地址：https://github.com/prazdevs/pinia-plugin-persistedstate

7、Vue TermUI

一個(gè)基于 Vue.js 的終端 UI 框架，可讓您輕松構(gòu)建現(xiàn)代終端應(yīng)用程序

官方地址：https://vue-termui.dev/

（學(xué)習(xí)視頻分享：web前端開發(fā)、編程入門）