Zum Inhalt springen

Quasar Framework

aus Wikipedia, der freien Enzyklopädie
Dies ist die aktuelle Version dieser Seite, zuletzt bearbeitet am 22. April 2025 um 09:48 Uhr durch M2k~dewiki (Diskussion | Beiträge) (HC: Entferne Kategorie:Software unter der MIT-Lizenz).
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Eine gesichtete Version dieser Seite, die am 22. April 2025 freigegeben wurde, basiert auf dieser Version.
Quasar Framework
Basisdaten

Hauptentwickler Razvan Stoenescu
Erscheinungsjahr Februar 2015[1]
Aktuelle Version 1.15.21[2]
(16. Juni 2021)
Programmier­sprache JavaScript
Kategorie JavaScript Framework
Lizenz MIT-Lizenz[3]
https://quasar.dev/

Das Quasar Framework (allgemein als Quasar bezeichnet[4][5]) ist ein open source auf Vue.js basierendes JavaScript-Framework zum Erstellen von Apps für verschiedene Plattformen mit einer einzigen Codebasis. Es kann für das Web als SPA, PWA, und SSR, für mobile Apps mit Cordova für iOS und Android sowie für Desktop-Apps mit Electron für Mac, Windows und Linux eingesetzt werden.[6][4][7][5][8]

Übersicht

[Bearbeiten | Quelltext bearbeiten]

Quasar konzentriert sich auf die schnelle Entwicklung von VueJS-Benutzeroberflächen. Der Benutzer muss nur einen einzigen Quellcode für alle Plattformen schreiben: responsive Desktop-/Mobil-Websites (SPA, SSR + SPA-Client-Übernahme, SSR + PWA-Client-Übernahme), PWAs (Progressive Web Apps), mobile Apps (mit nativem Aussehen) und plattformübergreifende Desktop-Apps (über Electron) sowie Browsererweiterungen.[4][9]

Zudem können egal um welche Plattform es sich handelt die gleichen Quasar Komponenten genutzt werden. Quasar wurde mit Blick auf Leistung, Reaktionsfähigkeit und Interoperabilität entwickelt.[4] Durch die Effizienz kann die Entwicklungszeit drastisch gekürzt werden.[7][8] Aufgrund der vielen vorgefertigten Komponenten[10] und den integrierten vorkonfigurierten Tools[5] wird die eigentliche Entwicklung zudem sehr vereinfacht. Die Software steht unter der freien MIT-Lizenz.[3] Die Nutzeroberfläche hat ein Material Design.[9]

Geschichte

[Bearbeiten | Quelltext bearbeiten]

Quasar wurde von dem Rumänen Razvan Stoenescu entwickelt, nachdem er für IBM und Lenovo gearbeitet hatte. Dabei verwendete er ständig neue und unterschiedliche Softwaretools, um alle verschiedenen Arten von iOS-Apps, Android-Apps, Webanwendungen, Windows-Desktop-Apps, Apple-Desktop-Apps und PWAs. Später fasste er seinen Gedankengang wie folgt zusammen (übersetzt): „Ich sehnte mich nach einem einzigen Framework, das die gesamte Komplexität beseitigt und all diese verschiedenen App-Varianten aus einer einzigen Codebasis erstellt. Da ich ein solch mythisches Tool nicht finden konnte, beschloss ich, es selbst zu entwickeln.“[1][4] Quasar wird von einem kleinen Team aus Entwicklern (auch „Kernteam“ genannt) und Mitwirkenden gepflegt. Die meisten Mitglieder des Kernteams arbeiten derzeit bei verschiedenen Unternehmen wie Lenovo, IntelliView Technologies Inc. und AG Development Services.[11]

Der erste Quellcode-Commit für das Projekt stammte aus dem Jahr 2015,[1] und die stabile Version 1.0 von Quasar wurde im Juli 2019 veröffentlicht. Die erste Quasar-Konferenz fand im Juli 2020 statt.[12] Quasar v2 (mit Vue.js 3) wurde im Juni 2021 mit der Version 2.0.0 stabil. Wie Nuxt, hat Quasar eine wachsende Community und ist relativ beliebt.[8]

Funktionen

[Bearbeiten | Quelltext bearbeiten]

Komponenten

[Bearbeiten | Quelltext bearbeiten]

Quasar-Apps werden erstellt mit Vue Single File Components und Quasar Components. Vue Single-File-Komponenten enthalten mehrere Abschnitte: Vorlage (HTML), Skript (Javascript) und Stil (CSS/Stylus/SASS/SCSS/Less) – alles in derselben Datei.[13] Quasar nutzt Node.js und webpack die vorkonfiguriert sind.[5] Der folgende Codeausschnitt zeigt ein Beispiel für die Struktur einer Vue Single-File-Komponente: 

<template>
<!--Hier definieren Sie Ihr Vue-Template -->
</template>

<script setup>
// Hier kommt Ihr Javascript hin,
// um Ihre Vue-Komponente zu definieren. Diese kann ein Layout, eine Seite oder Ihre eigene sein,
// die in der gesamten App verwendet wird.
</script>

<style>
/* Hier das CSS */
</style>

Quasar-Komponenten sind HTML-Tags, die mit q beginnen und auf die Datei /quasar.config verweisen.

Ökosystem

[Bearbeiten | Quelltext bearbeiten]

Die Kernbibliothek enthält Tools und Bibliotheken, die sowohl vom Kernteam als auch von Mitwirkenden entwickelt wurden. Zudem gibt es App Extensions durch die Komponenten einfach geteilt bzw. importiert werden, wie etwa QCalendar, eine Komponente zur Erstellung von Kalendern.[8]

Offizielle Tools

[Bearbeiten | Quelltext bearbeiten]

Das Quasar Framework besteht aus mehreren Schlüsselkomponenten:[8]

Quasar CLI
Ein Befehlszeilentool, das die Erstellung und Entwicklung plattformübergreifender Anwendungen erleichtert. Es bietet eine globale Umgebung für die Initialisierung und Verwaltung von Apps. Ein neues Projekt erstellt man etwa über den Befehl quasar create name-der-app[14]
Quasar App
Die lokale Entwicklungs- und Build-Umgebung innerhalb der Quasar CLI. Sie umfasst:
Quasar UI
Eine umfassende Bibliothek von Benutzeroberflächenkomponenten für den Einsatz in Quasar-Anwendungen.

Siehe auch

[Bearbeiten | Quelltext bearbeiten]
Portal: Freie Software – Übersicht zu Wikipedia-Inhalten zum Thema Freie Software

Einzelnachweise

[Bearbeiten | Quelltext bearbeiten]
  1. ↑ a b c Razvan Stoenescu: Why every Vue developer should be excited by Quasar 1.0. In: Quasar Framework. 3. Juli 2019; (englisch).
  2. ↑ Release 1.15.21. 16. Juni 2021 (abgerufen am 21. Juni 2021).
  3. ↑ a b Quasar/LICENSE. In: GitHub. Abgerufen am 20. Mai 2020 (englisch).
  4. ↑ a b c d e Leitfaden: Was ist Quasar? In: Quasar Framework. Abgerufen am 20. Mai 2020 (englisch).
  5. ↑ a b c d Web application development with Vue.js - Theseus. In: theseus.fi. Abgerufen am 19. April 2025 (englisch).
  6. ↑ Danny Connell: Quasar Framework: Plattformübergreifende Vue JS Vuex & Firebase Apps. Hrsg.: Udemy. 2020 (englisch, udemy.com).
  7. ↑ a b HCI : Web Design
  8. ↑ a b c d e Fabian Deitelhoff: Vue.js: Von Grundlagen bis Best Practices. S. 211–212 (google.com [abgerufen am 19. April 2025]).
  9. ↑ a b An Introduction To Quasar Framework: Building Cross-Platform Applications — Smashing Magazine. In: smashingmagazine.com. 23. Oktober 2021, abgerufen am 19. April 2025.
  10. ↑ SitePoint. In: sitepoint.com. 30. Mai 2019, abgerufen am 19. April 2025.
  11. ↑ Meet the Team — Quasar Framework. In: quasar-framework.org. Abgerufen am 20. Mai 2020 (englisch).
  12. ↑ Quasar.conf 2020, 5. Juli 2020 (englisch). 
  13. ↑ Vue Single File Components (SFC) — Quasar Framework. Abgerufen am 22. Mai 2020 (englisch).
  14. ↑ Building Vue.js Applications with GraphQL: Develop a complete full-stack chat app from scratch using Vue.js, Quasar Framework, and AWS Amplify
  15. ↑ Ralph Steyer: Ausblicke – Was gibt es noch in Vue.js? In: SpringerLink. 29. Oktober 2019, abgerufen am 19. April 2025.
[Bearbeiten | Quelltext bearbeiten]
Abgerufen von „https://de.wikipedia.org/w/index.php?title=Quasar_Framework&oldid=255366606“