[Hämatemesis-Organisation] Über 40 praktische Vue3-Tools geteilt-Schlagzeilen-php.cn

[Hämatemesis-Organisation] Über 40 praktische Vue3-Tools geteilt

青灯夜游

Freigeben： 2022-10-20 13:44:20

Original

3053 Leute haben es durchsucht

Es ist fast zwei Jahre her, dass Vue3 offiziell veröffentlicht wurde, und im Februar dieses Jahres wurde es offiziell zur Standardversion des Vue-Projekts. Der folgende Artikel fasst 40 Vue3-Dienstprogramme, UI-Bibliotheken, Plug-Ins und Ökologie zusammen, die ich mit Ihnen teilen möchte. Ich hoffe, dass er für Sie hilfreich sein wird.

1. Vue3 UI-Komponentenbibliothek

Die UI-Komponentenbibliothek kann als Sammlung wiederverwendeter Schnittstellendesignelemente verstanden werden. Die UI-Komponentenbibliothek spielt die Rolle der Verhaltensverbindung im gesamten System, stellt die horizontale Zusammenarbeit zwischen Designern und Entwicklern innerhalb des Teams dar und ist die normative Grundlage, um eine konsistente Produktausgabe sicherzustellen. (Teilen von Lernvideos: Vue-Video-Tutorial)

Hier haben wir 17 Vue3-UI-Komponentenbibliotheken zusammengestellt, darunter 13 Web-UI-Bibliotheken und 4 mobile UI-Bibliotheken. Lesen Sie den Artikel „17 Vue3-Praktische UI-Komponentenbibliotheken (Web + Mobile)“. Teilen》um es zu bekommen.

Web-UI-Bibliothek

ElementUI Plus: eine Komponentenbibliothek für Designer und Entwickler
Ant Design of Vue: Vue von Ant Design implementiert, entwickelt und bedient Backend-Produkte auf Unternehmensebene
BalmUI: UI Komponentenbibliothek basierend auf Googles Material Design
Naive UI: Kostenlose Open-Source-Front-End-UI-Komponentenbibliothek basierend auf Vue 3.0/TypeScript
arco.design: Bytedance-Produktdesignsystem auf Unternehmensebene, unterstützt React und Vue Duale Version
Quasar: ein vollständiges, leistungsorientiertes Framework
. . .

Mobile UI-Bibliothek

Vant: Mobile Komponentenbibliothek
NutUI: Leichte mobile Vue-Komponentenbibliothek im Jingdong-Stil
Varlet: Mobile Komponentenbibliothek im Materialstil
Nutui-Bingo: Jingdongs Lotteriekomponentenbibliothek basierend auf NutUI

2, praktische Vue3-Entwicklungstools

Im vorherigen Artikel „7 praktische Vue3-Entwicklungstools, die es wert sind, gesammelt (geteilt) zu werden“ haben wir 7 praktische Vue3-Entwicklungstools vorgestellt:

unplugin-vue-Komponenten: Automatisch Plug-Ins für On-Demand-Komponenten importieren. @vueuse/gesture: Gestenbibliothek, um Anwendungen interaktiv zu machen
unplugin-auto-import
pinia-plugin-persistedstate: Pinia-Datenpersistenzspeicher
vue-termui.dev: Ein Terminal-UI-Framework basierend auf Vue.js
[Zusammenfassung] 4 Vue3-Visualisierungstools
“ haben wir 4 Vue3-Visualisierungstools vorgestellt:

Pdfvuer: ein PDF-Viewer für Vue-Anwendungenvue3- marquee: nahtlose Scrollkomponente

Vue-ECharts: Die Vue.js-Komponente von Baidu ECharts Im Artikel „

10 häufig verwendete Vue3-Plugins zur Verbesserung der Entwicklungseffizienz (Come and Collect)

Vue Grid Layout: Vues Rasterlayoutsystem

Vue Qrcode Reader: Eine Reihe von Vue.js-Komponenten zum Erkennen und Dekodieren von QR-Codes (QR-Code)

5, Vue3-bezogene Ökologie
Im vorherigen Artikel „
6 Praktische Vue3-bezogene Ökologie (Zusammenfassungsfreigabe)

vuepress: Vue-basierter statischer Website-Generator

Vueuse: Eine Sammlung grundlegender Vue-Kompositions-Dienstprogrammfunktionen

6, VUE3 Animation Plug-in : https://github.com/antfu/vue-starport/blob/main/README.zh-Hans.mdDemo-Adresse: https://vue-starport.netlify.app/

2 ) @ vueuse/motion

Vue Composables bringt Ihre Komponenten in Bewegung

Offizielle Adresse: https://motion.vueuse.org/

[Hämatemesis-Organisation] Über 40 praktische Vue3-Tools geteilt Github-Adresse: https://github.com/vueuse/motion

7. Audio- und Videokomponenten github.com/VueUse/sound

【Empfohlene verwandte Video-Tutorials:

vuejs Einführungs-Tutorial

, [Hämatemesis-Organisation] Über 40 praktische Vue3-Tools geteilt Erste Schritte mit dem Web-Frontend

】