站長資訊網在科技的頻頻更新下，可視化開發工具成為了提升開發效率的有效工具。下面本篇文章就來給大家分享幾款適用于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前端開發、編程入門）
