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 Async Await

Bild
Von Futures in Dart ist es nicht weit zu async und await . Mit diesen zwei Schlüsselwörtern stellt die Programmiersprache Dart, weitere Werkzeuge zur Verfügung, die asynchrones Programmieren ermöglichen. Wie wir im letzten Post gesehen haben, gibt uns Dart mit dem Objekttyp Future eine Möglichkeit in die Hand. async und await ergänzen die Palette. Schauen wir uns aber den Code nochmal an: Mit .readAsString() gibt uns die Funktion Daten zurück, vom Typ Future . Diese können wir dann bequem mit .then weiterverarbeiten. In einem weiteren Beispiel haben wir gesehen, das wir auch eigene Funktionen vom Typ Future programmieren können. Kommen wir nun zu async await Diese beiden treten immer zusammen auf. await macht nur in einem asynchronem Zusammenhang Sinn. Eine Funktion die mit async gekennzeichnet ist, retourniert immer ein Future! Nehmen wir also den Code aus dem letzten Post und passen ihn mit async und await an: Wir haben jetzt den ganzen ganzen main (...)...
Mehr anzeigen

Dart Command-line apps

Bild
Die Programmiersprache Dart Dart ist vielseitig. Die Programmiersprache lässt sich natürlich auch für Command-Line Apps verwenden. Solche Programme werden von der Kommandozeile gestartet. In einer Windows Umgebung zum Beispiel von der PowerShell . Solche Programme mögen altmodisch wirken, haben aber durchaus noch ihre Berechtigung.  Ein Programmierer kann so für Problemstellungen eine Lösung erstellen, für die es eventuell kein kommerzielles Angebot gibt. Command-Line Apps kommen ohne moderne Benutzerführung aus, bieten aber andere Möglichkeiten. Eine davon ist beim Start des Programmes Werte zu übergeben, die Einfluss auf den Ablauf der Software haben. Vorbereitung In diesem Post verwenden wir Visual Studio Code . Es ist kostenfrei und leistungsfähig . Der einfachste Weg ein Dart Command-Line App zu starten, ist ein Grundgerüst bereits vom Editor anlegen zu lassen. : In unserem Fall empfiehlt sich console-simple . Sie müssen für das neue Projekt dann noch einen File Namen verge...
Mehr anzeigen

Flutter für das Web

Bild
Es war ja schon bekannt das Google mit Flutter mehr vor hat, als "bloß" eine weitere Variante für App Entwicklung bereitzustellen. Heute, passend natürlich zu der Google i/o 1 9 , die aktuelle über die Bühne geht, meldet mir Visual Studio Code, neue Versionen von Dart und Flutter . Erstaunt stellte ich fest, das auch die Dart Homepage ein Facelifting bekam, was ich im übrigen gelungen finde. Aber Achtung:... Auf der Frontpage von Dart wird 2.2. angeführt,  geht man weiter, stößt man auf diese Version: Im ersten Moment hat das bei meiner Installation Probleme gemacht. Vor allem beim erstellen eines Flutter Web Projekts, erhielt ich Fehlermeldungen, was die Auflösung der Abhängigkeiten betraf. Flutter Web Beispiel Das von Hand updaten der Packages etc hat nicht geholfen, erst zum Schluss, als ich das Beispiel Web Projekt von Visual Studio Code per F5 gestartet hatte, lösten sich die Probleme auf. Eine Komponente wurde aktualisiert und siehe da, es fun...
Mehr anzeigen