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

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

3, Vue3-Visualisierungstool
Mit den häufigen Aktualisierungen der Technologie sind visuelle Entwicklungstools zu einem wirksamen Werkzeug zur Verbesserung der Entwicklungseffizienz geworden. Im vorherigen Artikel „
• [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)

“ haben wir 10 Vue-Plugins kennengelernt, die zur Verbesserung der Effizienz beitragen:
vue-multiselect-next: Universelle Auswahl/Mehrfachauswahl/ Markierungskomponente für Vue
vue-print-nb: Anweisungs-Wrapper
vue-i18n-next: Internationales Plug-in für Vue3
vue-cropper: Vue-Plug-in zum Zuschneiden von Bildern

Vue Grid Layout: Vues Rasterlayoutsystem

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

Makeit Captcha: Slide Block-Bestätigungscode-Plug-in
vue3-clipboard: Plug-in zum Einfügen und Kopieren basierend auf Vue3
vue.draggable Vue 3 Drag-and-Drop-Komponente basierend auf Sortable.js
BetterScroll löst verschiedene Probleme auf der mobilen Seite (PC wird bereits unterstützt). ) Plug-Ins zum Scrollen von Szenen erforderlich

• 5, Vue3-bezogene Ökologie

• Im vorherigen Artikel „

  6 Praktische Vue3-bezogene Ökologie (Zusammenfassungsfreigabe)
“ haben wir etwas über 6 Vue3-bezogene Ökologie gelernt:
Vue-Plug-in-Bibliothek (vue365.cn)
Pinia: leichte Zustandsverwaltungsbibliothek
Nuxt-Module
Nuxt 3: kann zum Erstellen von serverseitigen Rendering-Anwendungen (SSR) verwendet werden

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/

Github-Adresse: https://github.com/vueuse/motion

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

【Empfohlene verwandte Video-Tutorials:

vuejs Einführungs-Tutorial

, Erste Schritte mit dem Web-Frontend

】