站長資訊網(wǎng)相比其他大型框架，Vue更加靈活，開發(fā)者既可以選擇使用Vue來開發(fā)一個全新項目，也可以將Vue引入到一個現(xiàn)有的項目中。代碼簡潔、上手容易，深受開發(fā)者青睞。下面本篇文章給大家總結(jié)分享7款常用的Vue的開發(fā)工具，快放入收藏夾吧！
1、unplugin-vue-components
antfu 按需組件自動導入，開箱即用地支持 Vue 2 和 Vue 3，Tree-shakable，只注冊你使用的組件，附有流行UI 庫的內(nèi)置解析器。（學習視頻分享：vuejs教程）
下載地址：https://www.npmjs.com/package/unplugin-vue-components
前端（vue）入門到精通課程：進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點擊使用
unplugin-vue-components插件可以在Vue文件中自動引入組件（包括項目自身的組件和各種組件庫中的組件）；作者是Vite生態(tài)圈大名鼎鼎的Anthony Fu。
使用此插件后，不需要手動編寫import { Button } from 'ant-design-vue'這樣的代碼了，插件會自動識別template中使用的自定義組件并自動注冊。
2、vuex-persistedstate
vuex可以進行全局的狀態(tài)管理，但刷新后刷新后數(shù)據(jù)會消失，這是我們不愿意看到的。怎么解決呢，我們可以結(jié)合本地存儲做到數(shù)據(jù)持久化，也可以通過持久化插件：vuex-persistedstate。
它可以在頁面重新加載之間保持并重載您的 Vuex 狀態(tài)
github地址：https://github.com/robinvdvleuten/vuex-persistedstate
3、vuex-persist
支持 Typescript 的Vuex插件，它能夠?qū)贸绦虻臓顟B(tài)保存到持久存儲中，例如 Cookies 或 localStorage
官方地址：https://championswimmer.in/vuex-persist/
4、@vueuse/gesture
手勢庫，使應用程序具有交互性
官方地址：https://gesture.vueuse.org/
5、unplugin-auto-import
antfu 自動導入 Vite、Webpack、Rollup 和 esbuild 的 API。支持 TypeScript。
github地址：https://github.com/antfu/unplugin-auto-import
6、 pinia-plugin-persistedstate（Pinia 數(shù)據(jù)持久化儲存）
Pinia 商店的可配置持久性
github地址：https://github.com/prazdevs/pinia-plugin-persistedstate
7、Vue TermUI
一個基于 Vue.js 的終端 UI 框架，可讓您輕松構(gòu)建現(xiàn)代終端應用程序
官方地址：https://vue-termui.dev/
（學習視頻分享：web前端開發(fā)、編程入門）
