Mobile-Menu

Registrierungspflichtiger Artikel

Das JavaScript-Framework Vue.js, Teil 10 Vue-Anwendungen verschönern mit Vuetify

Von Dr. Dirk Koller

Anbieter zum Thema

PresseBox - unn | UNITED NEWS NETWORK GmbH
Confluent Germany GmbH

Vue.js nimmt Web-Developern viel Arbeit ab, allerdings nicht beim User Interface Design. Wer alleine auf HTML und CSS setzt, muss viel Hand anlegen. Einfacher geht es mit der UI-Bibliothek Vuetify.

Vuetify steht als installierbares Plug-in für das Vue-Framework zur Verfügung.
Vuetify steht als installierbares Plug-in für das Vue-Framework zur Verfügung.
(Bild: Vuetify )

Vuetify ähnelt anderen Komponentenbibliotheken wie Bootstrap oder Material, enthält aber fertig einsetzbare Vue-Komponenten. Das Einbinden von Vuetify geschieht am einfachsten mithilfe des Vue CLI. Im Assistenten sind für dieses Beispiel Vue 2 und Router auszuwählen. Für Vue 3 existiert derzeit noch eine Beta-Version der Bibliothek, die noch nicht für den produktiven Einsatz geeignet ist.

vue create vuetifulapp
cd vuetifulapp
vue add vuetify // Preset "Default" im Wizard auswählen

Weiterführende Inhalte