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

1、Pdfvuer

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

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

前端（vue）入門到精通課程：進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具：點擊使用

Pdfvuer – 用于Vue應用中的一個PDF查看器，基于PDF.js封裝。（學習視頻分享：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+ 開發，適用于Vue.js 2/3。

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

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

4、iconpark

字節跳動出品，將一個SVG圖標轉化為多個主題，并生成React圖標，Vue圖標，svg圖標

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

IconPark圖標庫是一個通過技術驅動矢量圖標樣式的開源圖標庫，可以實現根據單一SVG源文件變換出多種主題， 具備豐富的分類、更輕量的代碼和更靈活的使用場景；致力于構建高質量、統一化、可定義的圖標資源，讓大多數人都能夠選擇適合自己的風格圖標。

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的平臺

已覆蓋字節跳動商業化產品系所有平臺，并被12個平臺作為底層代碼引入使用，保證了圖標樣式與認知的統一性

（學習視頻分享：web前端開發、編程入門）