在科技的頻頻更新下，可視化開發(fā)工具成為了提升開發(fā)效率的有效工具。下面本篇文章就來給大家分享幾款適用于Vue3項目的可視化工具，快來看看吧！

1、Pdfvuer

DF 查看器，使用 Mozilla 的 PDF.js，支持 Vue2 和 Vue3

項目地址：https://www.npmjs.com/package/pdfvuer

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

Pdfvuer – 用于Vue應(yīng)用中的一個PDF查看器，基于PDF.js封裝。（學(xué)習(xí)視頻分享：vuejs教程）

2、vue3-marquee

無縫滾動組件

項目地址：https://vue3-marquee.vercel.app/

github地址：https://github.com/megasanjay/vue3-marquee

3、Vue-ECharts

百度Apache ECharts的 Vue.js 組件。 配置參考Echarts官方，基于 ECharts v5+ 開發(fā)，適用于Vue.js 2/3。

• 項目地址：https://vue-echarts.dev/

• github地址：https://github.com/ecomfe/vue-echarts/blob/main/README.zh-Hans.md

4、iconpark

字節(jié)跳動出品，將一個SVG圖標(biāo)轉(zhuǎn)化為多個主題，并生成React圖標(biāo)，Vue圖標(biāo)，svg圖標(biāo)

項目地址：https://iconpark.oceanengine.com/home

IconPark圖標(biāo)庫是一個通過技術(shù)驅(qū)動矢量圖標(biāo)樣式的開源圖標(biāo)庫，可以實現(xiàn)根據(jù)單一SVG源文件變換出多種主題， 具備豐富的分類、更輕量的代碼和更靈活的使用場景；致力于構(gòu)建高質(zhì)量、統(tǒng)一化、可定義的圖標(biāo)資源，讓大多數(shù)人都能夠選擇適合自己的風(fēng)格圖標(biāo)。

GitHub地址：https://github.com/bytedance/IconPark

• React包（NPM地址）：https://www.npmjs.com/package/@icon-park/react

• Vue包（NPM地址）：https://www.npmjs.com/package/@icon-park/vue

• Vue3包（NPM地址）：https://www.npmjs.com/package/@icon-park/vue-next

• SVG包（NPM地址）：https://www.npmjs.com/package/@icon-park/svg

使用IconPark的平臺

已覆蓋字節(jié)跳動商業(yè)化產(chǎn)品系所有平臺，并被12個平臺作為底層代碼引入使用，保證了圖標(biāo)樣式與認(rèn)知的統(tǒng)一性

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