https://github.com/angular-schule/2016-12-angular2-workshop-netdc16
:a: Dezember 2016: 2x Offener Workshop zur .NET Developer Conference in Köln #netdc16
https://github.com/angular-schule/2016-12-angular2-workshop-netdc16
Last synced: 3 months ago
JSON representation
:a: Dezember 2016: 2x Offener Workshop zur .NET Developer Conference in Köln #netdc16
- Host: GitHub
- URL: https://github.com/angular-schule/2016-12-angular2-workshop-netdc16
- Owner: angular-schule
- Created: 2016-12-06T12:45:10.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-08T18:53:12.000Z (about 9 years ago)
- Last Synced: 2025-01-11T09:46:52.373Z (about 1 year ago)
- Homepage:
- Size: 161 KB
- Stars: 0
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 2 Workshop - Setup
Ihre Trainer: [Johannes Hoppe](http://haushoppe-its.de/), [Gregor Woiwode](http://www.woiwode.info/)
# Bitte auswählen!
# [» Workshop Tag 1 (07.12.2016)](https://github.com/angular-buch/angular2-workshop-netdc16/tree/workshop_tag_1)
# [» Workshop Tag 2 (08.12.2016)](https://github.com/angular-buch/angular2-workshop-netdc16/tree/workshop_tag_2)
## 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.
* [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)
* [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
* [TSLint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint)
* [language-vscode-javascript-angular2](https://marketplace.visualstudio.com/items?itemName=nwallace.language-vscode-javascript-angular2)
* [vscode-icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons)
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