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

Listen in Dart (2021): Part 1 List.filled List.empty und List.add

Bild
  Vor langer Zeit hatte ich in diesem Blogg schon einmal das Thema Listen aufgegriffen. Im ersten Post dazu, anhand eines einfachen Beispiels. Anschliessend war die Iterable Klasse ein Thema, welche mit der List Klasse einen engen Bezug hat. Abschließend wurde das Thema dann noch in einem zweiten Post vertieft. Wie oben geschrieben war das vor langer Zeit und es macht Sinn das Thema noch einmal aufzugreifen und sei es nur um das Wissen dazu aufzufrischen. Alle Code Beispiele wurden mit Dart 2.13, Null safety aktiviert, getestet . 2 Sorten von Listen Dart stellt zwei Arten von Listen zur Verfügung: eine mit fixer Grösse und eine die "wachsen" kann. Im Code oben sehen Sie zwei Versionen, wie Sie eine Liste definieren können. Wichtig dabei ist, das Sie die leere Liste erst dann über den Index ansprechen können, wenn Sie mindestens einen Eintrag hinzugefügt haben !  Im Vergleich zu früheren Dart Versionen hat sich das erstellen einer Liste mit fixer Länge geändert. Akt...
Mehr anzeigen

Flutter -- Tutorial Teil 1 Grundsätzliches

Bild
Flutter ist das SDK von Google für die Entwicklung von App's für mobile Geräte. Ich gehe hier nicht auf die Installation ein, da gibt es genügend Ressourcen im Netz, angefangen mit der offiziellen Seite . Als IDE verwende ich Visual Studio Code , aber die Code Beispiele sollten, auch anstandslos in Android Studio laufen, beide übrigens kostenlos erhältlich. Ich persönlich habe beide installiert. Android Studio ist die ausgefeiltere Entwicklungsumgebung und hat mit den Möglichkeiten rund um den Android Emulator ein klares plus. Ich verwende trotzdem meistens Visual Studio Code, da das Programm auf meinem System im Vergleich weitaus schneller läuft. Flutter - Grundsätzliches Wer im Netz über Flutter recherchiert, wird ohne Zweifel auf den Begriff Widget stoßen. Real betrachtet handelt es sich dabei um Datenstrukturen, häufig ineinander verschachtelt. In der Flutter Welt konzipiert man eine Anwendung unter Verwendung dieser Widgets. Die Programmiersprache hinter Flutter i...
Mehr anzeigen

Dart - Kapitel I

Alles in Dart ist ein Objekt. Beim erlernen dieser Programmiersprache sollte man sich dies immer  vor Augen halten! void main(){ // hier steht das "Hauptprogramm" } Das ist das Grundgerüst jedes Dart Programms.  Die main() Funktion ist der Einstiegspunkt in unser Programm. Hier sehen wir auch, wie Kommentare einzufügen sind, was mit // geschieht. Teile des Programmes können und werden sich auch ausserhalb der main() Funktion befinden, aber dazu später mehr. Was wäre ein Programm ohne Variablen ? Genau, das ist nicht möglich! Variablen lassen sich Werte zuweisen, sie können im Programm weiterverwendet und, bis auf Ausnahmen, auch geändert werden: void main(){ String name; String name2 = "max"; } Oben definieren wir einen String (Zeichenkette) mit der Bezeichnung " name ", also unsere erste Variable. Wir weisen ihr aber nichts zu. D.h. aber jetzt nicht, das diese Variable leer ist. Für den Dart Compiler hat diese Variable den Wert NULL ...
Mehr anzeigen