Familien Wiki

Eine ältere Version des Dokuments wurde geladen! Beim Speichern wird eine neue Version des Dokuments mit diesem Inhalt erstellt.

====== Angular ======
===== Projekte anlegen =====
  ng new MyProject --skip-install --prefix lm --style scss --ai-config none --dry-run
  ng new Spielwiese --directory . --style scss --ai-config none --ssr false

Die Optionen haben dabei folgende Bedeutung:
  * ''--skip-install'' Legt das Projekt an, aber installiert die benötigten npm Pakete nicht.
  * ''--prefix lm'' Legt das Kürzel fest, das vor Komponenten- und Direktiven-Namen verwendet wird.
  * ''--style scss'' Bestimmt SCSS als Format für das Styling der Anwendung.
  * ''--ai-config none'' Legt fest, das keine AI Integration erstellt werden soll.
  * ''--dry-run'' Sagt Angular, nur anzuzeigen, was passiert, jedoch keine Dateien anzulegen.
  * ''--ssr false'' überspringt die Dateien für Server Side Rendering.

==== Locale ====
Um die Seite als deutsche Seite zu erstellen, sollte zum einen das lang-Tag in der index.html geändert werden:
<sxh html><html lang="de"></sxh>

Des weiteren sollte die Standard-Locale auf "de" umgestellt werden, hierzu folgende Zeilen in der app.ts einfügen:
<sxh js>
  import { registerLocaleData } from '@angular/common';
  import localeDe from '@angular/common/locales/de'
  registerLocaleData(localeDe)
</sxh>
==== Zusatzpakete ====
Der neue Linter ist aktuell ESLint. Installation und erster Testlauf:
  ng add @angular-eslint/schematics
  ng lint
==== TODO ====
Genauer anschauen:
  - Unit Tests mit Vitetest
  - E2E Tests mit Cypress

Zusammenfassung

Hinweis: Durch das Bearbeiten dieser Seite geben Sie Ihr Einverständnis, dass Ihr Inhalt unter der folgenden Lizenz veröffentlicht wird: CC Attribution-Share Alike 4.0 International