Zur Nutzung dieser Seite müssen folgende Schritte durchgeführt werden:
- Webstorm oder InteliJ müssen installiert werden. Für letzteres fehlt wohl die Unterstützung von AngularJs in der IDE. Es ist also erstes zu empfehlen.
- NodeJs wird benötigt. Dieses bitte in der LTS-Variante herunterladen und installieren. Danach Webstorm/Intelij neustarten, falls gestartet. NodeJs bringt einen Paketpmanager, namens npm mit. Dieser steht nach der Installation global über die CMD zur Verfügung.
- Projekt aus Github herunterladen (so wie in Nico seiner Anleitung beschrieben).
- In Webstorm/Intelij ein Terminal-Fenster öffnen und dort
npm install
ausführen. Dadurch werden alle Projekt-Dependencies, die in der package.json angegeben sind, installiert. Im gleichen Zug wird auch bower installiert, ein weiterer Paketmanager. In bower.json sind alle Dependencies für Bower definiert, welche automatisch während der Installation von bower mitinstalliert werden. npm start
eingeben- Die Webanwendung ist nun über localhost:8000 erreichbar.
Weiteres:(für die Installation nicht notwendig)
Weitere Pakete können mit bower install PAKETNAME
oder npm install PAKETNAME
hinzugefügt werden(je nachdem, wo das entsprechende Paket zur Verfügung steht). Um diese als Dependency für das Projekt zu definieren (um also zu erzwingen, dass alle anderen die das Projekt über Github laden, diese Pakete auch brauchen), muss ein --save
an der Installation angehangen werden.
z.B. : bower install angular-material --save
.
Diese Installationen gelten nur in diesem Projekt. In anderen Projekten steht bower oder deren Abhängigkeit nicht zur Verfügung und muss neuinstalliert werden. Mit dem Befehl --g
bei einer Installation werden die Pakete global installiert danach steht z.B. der Befehl bower
in jeder CMD und jedem Projekt zur Verfügung und muss nicht erneut installiert werden.
http://www.angularjs4u.com/modules/top-5-graphs-charts-angularjs-modules/ https://blog.zingchart.com/2015/11/09/angularjs-chart-examples/ https://codepen.io/baliw/pen/GJydZM http://plnkr.co/edit/SYgfQTTEC2XD1OA0ZReV?p=preview
Beispieldesign, an dem wir uns orientieren sollten:
http://fuse-angular-material.withinpixels.com/dashboard-project