🅰️ Dezember 2016: 2x Offener Workshop zur .NET Developer Conference in Köln #netdc16
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
README.md
README.pdf

README.md

logo

logo

Angular 2 Workshop - Setup

Ihre Trainer: Johannes Hoppe, Gregor Woiwode


Bitte auswählen!

» Workshop Tag 1 (07.12.2016)

» Workshop Tag 2 (08.12.2016)

Benötigte Software

  1. Node.js 6.5 oder höher - https://nodejs.org/
  2. Visual Studio Code 1.7 oder höher - https://code.visualstudio.com/
  3. Google Chrome - https://www.google.com/chrome/
  4. empfohlen : Git und/oder GitExtensions - https://gitextensions.github.io/

Pakete installieren

Alle Teilnehmer mit dem Betriebssystem Windows sollten vor Beginn des Kurses die windows-build-tools installieren.
Nach der Installation müssen Sie eine neue Konsole starten!

npm install -g windows-build-tools

Folgender Befehl muss von allen Teilnehmern vor Beginn des Kurses ausgeführt haben:

npm install -g angular-cli@1.0.0-beta.22-1 typescript@2.0.10 webpack@2.1.0-beta.25

... bitte anschließend die Versionen überprüfen:

node -v
> Erwartet: v6.x

npm -v
> Erwartet: 3.x

tsc -v
> Erwartet: 2.0.10

ng -v
> Erwartet: 1.0.0-beta.22-1

webpack -h
> Erwartet: 2.1.0-beta.25

Tipp:
Sollte eine falsche Version von TypeScript erscheinen, so haben Sie vermutlich in der Vergangenheit (über Visual Studio) eine ältere Version bezogen. Lokalisieren Sie den Installationsort per where tsc und entfernen Sie diesen Ordner aus der Windows-Umgebungsvariable %PATH%.

OPTION A) Startprojekt erzeugen

Bitte legen Sie das Übungsprojekt vor Beginn des Workshops an.
Wechseln Sie dazu in Ihr Arbeitsverzeichnis und führen Sie aus:

ng new book-rating
cd book-rating
npm start

Achtung! Die Installation kann sehr lange dauern. Warten Sie beim Schritt Installing packages for tooling via npm. mit Geduld ab.

Auf http://localhost:4200 sollte nun eine Website mit dem Text "app works!" erscheinen! Wenn bei allen Teilnehmern "app works!" erscheint, können wir ohne Zeitverlust los legen.

OPTION B) Startprojekt clonen

Wenn Sie möchten, so können Sie auch unser Demo-Repository clonen:

git clone https://github.com/angular-buch/angular2-workshop-netdc16.git .
cd angular2-workshop-netdc16
cd book-rating
npm install
npm start

Achtung! Die Installation kann sehr lange dauern.

Auf http://localhost:4200 sollte nun eine Website mit dem Text "app works!" erscheinen! Wenn bei allen Teilnehmern "app works!" erscheint, können wir ohne Zeitverlust los legen.

VSCode erweitern

Häufig werden wir gefragt, welche Visual Studio Code Erweiterungen wir verwenden. Folgende (optionalen) Erweiterungen sorgen für mehr Komfort.

Alle Erweiterungen lassen sich mit folgenden Befehlen installieren:

code --install-extension steoates.autoimport 
code --install-extension EditorConfig.EditorConfig 
code --install-extension eg2.tslint 
code --install-extension nwallace.language-vscode-javascript-angular2 
code --install-extension robertohuertasm.vscode-icons

###Wir freuen uns auf einen tollen Workshop!


Stand: 06.12.2016