Noch ein weiterer Angular-Artikel, Teil 1

Hey, weißt du was? Ich verwende Angular und es gefällt mir.

Mein Name ist Benjamin Richard und ich arbeite seit 2000 in der Webbranche. Das wird noch lange dauern. Früher habe ich im Backend mit PHP, Java oder .Net gearbeitet und dabei meist das MVC-Muster verwendet. MySQL, PostgreSQL, aber auch Oracle DB waren meine Lieblingsdatenbanken. Und wenn MeteorJs ihre tolle Plattform bringen, habe ich einen Blick auf Frontend-Technologien geworfen.

Warum Angular ? Tatsächlich kann ich nicht wirklich erklären, warum ich an Angular gearbeitet habe, mehr als an React und VueJS. Ich habe Vue ausprobiert und einige Anwendungen damit entwickelt. Es hat mir gefallen. Aber als es von v2 auf v3 wechselte, verstand ich nicht, warum sie es so komplex machten, während seine Einfachheit der Schlüsselfaktor von Vue 1 und 2 war. Also habe ich mir React und Angular angesehen. Aber meiner Meinung nach war Angular weit vor React, auch wenn dies nicht die Meinung der meisten Entwickler war. Meiner Meinung nach ist die Tatsache, dass Angular alles bietet, was Sie zum Erstellen einer App benötigen, der Hauptvorteil. Ja, Sie können Ihre bevorzugte HTTP-Bibliothek, Ihre Formularverwaltung usw. nicht auswählen. Aber alle Teile von Angular sind darauf ausgelegt, gut zusammenzuarbeiten.

Warum nicht Angular ? vielleicht, weil es schwer war, es zu lernen. 
Angular = Typescript RxJS das Framework
Man muss also jedes einzelne beherrschen, um effizient zu sein. Und es ist schwieriger, als eine Vorlagen-Rendering-Bibliothek wie React ;-p
zu beherrschen Doch im Jahr 2024 ist diese Zeit vorbei. Sie wollen kein RxJS ? Signal verwenden. Ja, mit v16 Angular bringt das Signalkonzept mit. Im Jahr 2024 waren mit Version 18 die meisten Signale stabil. und mit v19 bringen zwei neue Signale eine neue Art der Arbeit mit asynchronen Ressourcen. Jetzt können Sie Angular ohne Observable verwenden. Ich würde sagen, dass es keine gute Idee ist, weil sie wirklich nützlich sind, aber wenn es etwas ist, das Sie nicht wollen, können Sie sich von diesem Konzept fernhalten.

Wie fange ich an?

Seit 2024 hat das Angular-Team die Website neu aufgebaut, schauen Sie sich also https://angular.dev an, der Inhalt ist wirklich beeindruckend.

Dann benötigen Sie NodeJS >v18.19.1 und können es irgendwo installieren (mit Docker oder etwas anderem):

npm install -g @angular/cli

Da Sie nun über die Angular-CLI verfügen, können Sie damit ein Projekt starten :

ng neues mein-neues-projekt

Sie müssen eine Konfiguration auswählen, z. B. die Verwendung eines serverseitigen Renderings oder nicht, die Verwendung von Sass, Scss oder was auch immer. Und das ist alles.

Es wird ein Ordner „Mein-neues-Projekt“ mit einer einfachen Startseite erstellt. Das Tolle an Angular ist, dass Sie Ihr Projekt in der Datei Angular.json anpassen können. Im Schaltplanteil können Sie definieren, wie Sie arbeiten möchten, wenn Sie die Cli zum Generieren von Code verwenden: 
Sie möchten HTML und CSS in einer einzigen Dateikomponente wie Vue ? Ja, das kannst du. Sie möchten die Strategie zur Änderungserkennung definieren? Ja, das kannst du.
Alles befindet sich unter dem Knoten „projects.my-new-project.schematics“
Und seine Standardwerte werden mithilfe Ihrer Antworten aus dem Befehl „ng new“ definiert.
Hallo, ich habe etwas vergessen: Der Befehl „ng new“ hat viele verfügbare Parameter. Aber ich lasse Sie sie zum Beispiel entdecken.

Da Ihr Projekt nun initialisiert ist, ist es an der Zeit, es zu starten :

ng servieren

Öffnen Sie einen Browser auf http://localhost:4200 und fertig.

Dieser Artikel ist zu Ende und der nächste wird sich mit der Komponentenerstellung befassen.

Wir sehen uns!

[Hinweis] Alle Artikel verwenden Befehle aus Angular v19*
[Originalbeitrag] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

Das obige ist der detaillierte Inhalt vonNoch ein weiterer Angular-Artikel, Teil 1. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!