Skip to content
Snippets Groups Projects
Select Git revision
  • main default protected
  • OZG-8148-card-component
  • OZG-8086-Datenanfrage-E2E
  • OZG-8086-Datenanfrage-Umbenennung
  • OZG-8086-Admin-Datenanfrage-erstellen
  • OZG-7985-Statistik-Datenfreigabe
  • OZG-8168-replace-remaining-mat-icon
  • OZG-8142-poc-cards
  • OZG-8086-E2E
  • OZG-8086-E2E2
  • OZG-8142-ProjectionStuff
  • OZG-8086-Statistik-Datenanfrage-erstellen
  • OZG-7856_schadcode_scanner
  • ovh-poc-add-image-pull-secret
  • OZG-7165-administration-client-caddy
  • OZG-7165-info-client-metric-endpoint
  • OZG-7165-enable-caddy-metrics
  • release
  • fix-aggregation-mapping-validation
  • release-info
  • 1.9.0-info
  • 1.9.0-administration
  • 2.24.0-alfa
  • 1.8.0-info
  • 1.8.0-administration
  • 2.23.0-alfa
  • 1.7.0-info
  • 1.7.0-administration
  • 2.22.0-alfa
  • 1.6.0-info
  • 1.6.0-administration
  • 2.21.0-alfa
  • 1.5.0-info
  • 1.5.0-administration
  • 2.20.0-alfa
  • 2.19.2-alfa
  • 2.19.1-alfa
  • 1.4.0-administration
  • 2.19.0-alfa
  • release-info-1.4.0
40 results

README.md

Blame
  • GoofyClient

    Client starten

    Um den Client zum laufen zu bekommen, muss zunächst ein npm install ausgeführt werden.
    -> nach dem Ausführen sollte sich ein node_modules Ordner im Verzeichnis befinden.
    Im Anschluß wird der Client über npm start gestartet.


    Common information to Nx from Nx

    This project was generated using Nx.

    Nx Documentation

    10-minute video showing all Nx features

    Interactive Tutorial

    Adding capabilities to your workspace

    Nx supports many plugins which add capabilities for developing different types of applications and different tools.

    These capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.

    Below are our core plugins:

    There are also many community plugins you could add.

    Generate a library

    Run ng g lib my-lib to generate a library.

    Libraries are sharable across libraries and applications. They can be imported from @goofy-client/mylib.

    Generate a Component

    Run

    ng g component my-component --project=my-app

    to generate a new component.

    Allgemein

    Man kann mit Hilfe von nx --help eine Liste von Befehlen mit kurzen Erläuterung bekommen.

    NG/NX short explanation

    • Angular ClI = ng
    • Nx Cli = nx

    Nx Cli baut auf Angular Cli auf ist jedoch wesentlich schneller bspw. durch

    • advanced code analysis
    • computation caching (reuse previous results)

    Sofern die Commands für das Generieren von Code genutzt werden, so ist der generierte Code immer derselbe!

    Install NX global

    npm install -g nx

    Mit nx bzw. nx --list krieg man eine Liste alle verfügbaren, schon von nx vordefinierten commands an

    Anbei ein Ausschnitt der verfügbaren Befehle/Scripte und einer kurzen Erläuterung.

    Command Description Examples
    start Startet den Client mit dem Port 4300 und der proxy.conf.json npm start / npm run start
    build Baut das Projekt(und cached den build) npm run build
    test Führt alle Test's aus(app + libraries) npm run test / npm test
    test:cov Führt alle Test's aus und zeigt am Ende eine Übersicht der Testabdeckung npm run test:cov
    lint Führt das eslint für die, von den lokalen Änderungen direkt betroffenen, libraries aus npm run lint
    dep-graph Öffnet ein Fenster zur graphischen Veranschaulichung des Zusammenspielst von app, e2e und der einzelnen libraries npm run dep-graph
    cypress:open Öffnet ein Fenster mit cpress-runner für die Integrationtest's welche auch gleich da ausgeführt werden können npm run cypress:open
    test:lib Führt alle Test's einer library aus(mit watch mode) npm run test:lib vorgang
    test:debug:lib Führt alle Test's einer library und zeigt zusätzlich eine genauere Fehlermeldung an(mit watch mode) npm run test:debug:lib vorgang

    Affected

    Hier eine kurze Liste mit den wichtigsten Befehlen:

    affected:*: Bezieht sich meistens auf die von den lokalen Änderungen betroffenen Libraries, kann sich aber auch auf die betroffenen Projekte beziehen.

    • affected:libs Zeigt eine Liste der Libraries die von den lokalen Änderungen betroffen sind (hier kann man zusätzlich auch den dep-graph zur Hand nehmen für eine bessere Übersicht)
    • affected:test Führt die Test's für die Libraries aus die von den lokalen Änderungen betroffen sind. (inklusive der app Test's)
    • affected:lint Führt das eslint über die betroffenen Libraries aus. Man bekommt am Ende eine Zusammenfassung von den Warnings und Errors.
    • affected:dep-graph Selektiert die von den lokalen Änderung betroffenen Libraries vor und stellt diese in Rot dar. (sonst identisch zu dep-graph)

    affected:apps, affected:e2e, affected:build beziehen sich jeweils auf ganze Projekte/Apps.