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

Flutter -- ohne Dart geht es nicht Klassen Teil 1

Bild
Wie dem interessierten Leser sicherlich schon bekannt sein dürfte, ist Dart eine objektorientierte Programmiersprache, kurz OOP. Zu OOP gehören Objekte und Klassen. Wie vieles im Leben ist der Start in das Thema einfach, kann und wird aber mit zunehmender Tiefe anspruchsvoller. Klassen Eine Klasse, oder auch Objekttyp, kann man als Bauplan verstehen, um eine reale Problemstellung in einem Softwareobjekt abzubilden. Wir könnten zum Beispiel die Klasse Schach definieren, um anschließend die einzelnen Figuren aus dieser Klasse zu generieren. Eine Klasse besitzt Attribute und Methoden/Funktionen . Wenn wir jetzt das Beispiel Schach umsetzen möchten, können wir uns an dem realen Schach orientieren. In der Theorie ist das immer die richtige Vorgehensweise, das heißt: ein Objekt / Problemstellung aus der realen Welt, wird analysiert und in eine Klasse umgewandelt. class Schach Farbe Form erlaubteBewegungen Mit der Klasse Schach könnten wir jetzt ein Objekt erzeugen, das e...
Mehr anzeigen

Flutter Beispiel 1 Row Column Center

Bild
Ich bin wieder mal dazugekommen mich mehr mit Flutter zu befassen. Herausgekommen ist dabei folgendes Beispiel: Code Teil 1 Wie oft importieren wir das material.dart File und kommen dann gleich zu der main Funktion. Als erstes erstellen wir eine MaterialApp und schalten das Debuggbanner mit false aus. Als "home" definieren wir einen Scaffold , und als Teil dieses Scaffolds eine AppBar , welcher wir wiederum einen title zuweisen. Man sollte bei title daran denken, das der Title der MaterialApp, nicht der Titel ist der auf dem Bildschirm angezeigt wird. Der Scaffold hat des weiteren noch einen " body ", welchem wir HelloRow() zuweisen. Hier der kleine Hinweis, das in Dart Zeichenketten, sowohl zwischen einfachen, als auch doppelten Anführungszeichen stehen dürfen. Bis jetzt also alles keine Hexerei. Wer mehr über diese Dinge wissen möchte, informiert sich am besten direkt in den Flutter Docs . Am Anfang und ohne Übung kommt man daran auch nicht herum. Der ers...
Mehr anzeigen

Dart Basic: Strings Part 1

Bild
Dart Die Manipulation von Zeichenketten ist eine wiederkehrende Aufgabe in der Programmierung. Natürlich hat auch Dart diverse Möglichkeiten mit Zeichenketten umzugehen. Dieser Serie wird auf einige eingehen. Basis Alles in Dart ist letztendlich ein Objekt. Auch der Datentyp String ist ein Objekt, beziehungsweise, die entsprechenden Variablen die wir erstellen. In der dart:core Library ist die String Klasse implementiert. Die Dokumentation dazu ist, wie bei Dart üblich, hervorragend. Ich kann nur empfehlen, sich eingehend damit zu beschäftigen. Zum testen kann man das DartPad verwenden. Es ist ideal für kleine Programme und erste Schritte in Dart. Eine Zeichenkette einer Variablen zuweisen Einfache Zuweisung von Strings Links sehen wir zwei einfache Zuweisungen. Einmal an die Variable test , diese ist vom Typ String . Das andere Mal an test1 , diese wiederum ist vom Typ var . Beides ist legitim, obwohl ein kleiner Unterschied besteht. Während String test ...
Mehr anzeigen