AngularDart Part 2 -- Installation Boiler Projekt

AngularDart Logo
Im ersten Teil zu AngularDart, haben wir schon eine Annäherung versucht. In diesem Post setzten wir das fort und erstellen nun das BoilerProjekt in Visual Studio Code.

Wer regelmäßig alle Updates, sowohl für VSC, als auch für Dart installiert hat, sollte keine Probleme haben, schließlich erledigt die IDE alles für uns.

Wir öffnen die Befehlspalette in Visual Studio Code, wählen Dart: neues Projekt und dort AngularDart. Unten ein kleines Video dazu. Aber es ist wirklich einfach...







Nach dem das Boiler Projekt steht, sollte man noch sicherheitshalber die installierten Abhängigkeiten updaten. Entweder über $pub get im Terminal (bitte kontrollieren ob man sich im richtigen Verzeichnis befindet), oder einfacher über den vorhandenen Button von Visual Studio Code. Diesen erhält man, wenn man die pubspec.yaml Datei geöffnet hat, oben rechts. Wenn das geschehen ist und wir keine Fehlermeldungen bekommen haben, sind wir schon fast startbereit. Was jetzt noch fehlt ist die Möglichkeit unser Boiler Projekt im Browser anzuschauen.

Um das zu bewerkstelligen müssen wir das Terminal nutzen. Hier benötigen wir das Programm webdev, welches wir ganz einfach mit pub global activate webdev  installieren. Global bedeutet im übrigen, das webdev in unserem path ist und wir keine Probleme mit dem Zugriff haben.

localhost:8080
Hier möchte ich noch einmal erwähnen wie wichtig das updaten aller Komponenten ist. Dart, AngularDart, Flutter, aber auch verwandte Programme werden ständig weiterentwickelt. Während sich einiges automatisch updaten lässt, muss man anderes "von" Hand machen. Man erspart sich im Zweifelsfall viel Arbeit bei der Fehlersuche...
Wenn alles fehlerfrei ist, sollten wir auf localhost:8080 dann unsere Page haben. An sich nichts weltbewegendes, aber ein guter Startpunkt für weitere Schritte in AngularDart.

Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Dart File readAsString writeAsString

Bild
Natürlich kann man mit der Programmiersprache Dart auch Files lesen und schreiben. Um das zu bewerkstelligen importieren wir die d art:io Library, sprich die Bibliothek, die uns die entsprechenden Klassen und Methoden / Funktionen zur Verfügung stellt File readAsString Beispiel Code : Eine Funktion die eine Datei komplett als Zeichenkette ausliest. Was gleichzeitig bedeutet, das sie sich nur für kleine Dateien bzw Anwendungsfälle mit kurzen Zeichenketten eignet. Das erste was auffällt, ist die asynchrone Implementierung. Der Rückgabewert ist ein  Future Objekt vom Typ String . Mit new File(...) wird ein neues File Objekt erzeugt, wobei man dieser Funktion den Filenamen als String übergibt. Die Funktion geht davon aus, das sich dieses File auf der obersten Ebene des Projekt Ordners befindet. Natürlich ist auch ein anderer Pfad möglich, dazu aber mehr in einem anderen Post. Die eigentliche Arbeit geschieht mit readAsString() . Der Funktion kann noch mitge...
Mehr anzeigen

Einfacher Alarm Dialog mit Flutter

Bild
Eine  Anwendung  kann immer vor der Situation  stehen, das der Anwender eine  kritische Handlung   vornimmt. Sei es, das er etwas löscht, oder eine  Grundeinstellung der Anwendung ändert. Oft wird in so einem Fall ein  Dialog angezeigt , der den Anwender explizit zwingt seine Handlung zu bestätigen, oder im Falle eines Irrtums, sie zu verwerfen. Das  Flutter SDK  liefert hierzu von Haus aus ein Widget, mit dem wir diese Problemstellung lösen können:  AlertDialog(...)  . Dieser Dialog hat große Ähnlichkeit mit einem Card(...) Widget , welches wir vor kurzem in diesem Blog betrachtet haben. Die drei Hauptbestandteile Dieser Dialog besteht aus drei Komponenten: title: Die Fragestellung an den Anwender: Beispiel: App wirklich zurücksetzten ? content: Eine ausführliche Information, wieso die Fragestellung wichtig ist. actions: Hier hat der Anwender die Möglichkeit fortzufahren, oder abzubrechen.  Was macht diesen AlertDialog spe...
Mehr anzeigen

Asynchron programmieren mit Dart

Bild
Streams in Dart Vor einer gefühlten Ewigkeit hatte ich in diesem Blog schon über Streams in Dart geschrieben.  Nun ist das schon eine Weile her und ich denke es kann nicht schaden das Thema noch einmal aufzugreifen. Bevor wir uns Details anschauen noch einmal eine Auffrischung der Basis ! Synchron versus Asynchron Wenn wir in Dart ein Programm schreiben, wird es abgearbeitet bis es beendet wird. Das heisst Zeile für Zeile unseres Codes wird ausgeführt, in der von uns bestimmten Reihenfolge. Das Programmende können wir als Programmierer bestimmen, oder der Benutzer beendet das Programm mit Mechanismen die außerhalb des Codes liegen, dem Taskmanager in Windows als Beispiel . Die nächste Zeile im Code kann jeweils erst dann ausgeführt werden, wenn die aktuelle verarbeitet ist und etwaige Resultate dieser Zeile vorliegen. Der Vorteil dieser synchronen Abarbeitung des Codes ist, das wir immer mit konkreten Ergebnissen arbeiten. Der Nachteil ist, das unser Programm unter Umständen ...
Mehr anzeigen