vuejs

Erste Schritte mit vuejs

Überblick

Vue.js ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen. Es ist so konzipiert, dass es schrittweise angepasst werden kann und sich auf die View-Schicht konzentriert, was die Integration mit anderen Bibliotheken oder bestehenden Projekten erleichtert.

Erste Schritte

Nach dem Klonen Ihres Repositories folgen Sie diesen Schritten:

1

Abhängigkeiten Installieren

npm install
2

Entwicklungsserver Starten

npm run dev
3

Für Produktion Kompilieren

npm run build

Projektstruktur

├── src/
│   ├── assets/         # Statische Assets (Bilder, Schriften)
│   ├── components/     # Vue Komponenten
│   ├── views/          # Seiten-Komponenten
│   ├── router/         # Vue Router Konfiguration
│   ├── stores/         # Pinia/Vuex Stores
│   ├── App.vue         # Root-Komponente
│   └── main.js         # Anwendungs-Einstiegspunkt
├── public/             # Öffentliche statische Dateien
├── index.html          # HTML-Einstiegspunkt
├── vite.config.js      # Vite Konfiguration
└── package.json        # Abhängigkeiten und Skripte

Wichtige Konzepte

Single File Components

Vue-Komponenten kombinieren Template, Script und Styles in .vue Dateien.

Composition API

Verwenden Sie setup() oder <script setup> für reaktives State Management.

Reaktive Daten

Verwenden Sie ref() und reactive() für reaktiven State.

Nützliche Befehle

npm run dev Entwicklungsserver mit Hot Reload starten
npm run build Für Produktion kompilieren
npm run preview Produktions-Build lokal vorschauen
Weitere Informationen finden Sie in der offiziellen Vue.js Dokumentation.