Differences

This shows you the differences between two versions of the page.

--- angular_konspekt [2018/03/23 16:38] – [Components] kalaschnikow
+++ angular_konspekt [2018/04/23 15:57] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
+====== Angular Konspekt ======
+Meine Notizen zu Angular.
+===== Ein neues Projekt aufsetzen =====
+Es gibt mehrere Wege ein neues Projekt aufzusetzen:
+  * Mit Angular CLI (klassisch)
+  * Mit Hilfe von dem IntelliJ IDEA Assistenten
+==== Mit Angular CLI ====
+Ein neues Projekt aufsetzen([[https://github.com/angular/angular-cli/wiki/new|ng new]]):
+<code bash>
+ng new PROJECT-NAME
+</code>
+Wenn man danach mit IntelliJ entwickeln will, dann muss man im IntelliJ auch ein neues (IntelliJ-)Projekt erstellen: ''File/New Project from existing Sources''.
+==== Mit IntelliJ IDEA Assistenten ====
+  - Menü ''File/New Project...'' anklicken
+  - Im Dialog ''New Project...''
+    - ''Static Web'' -> ''Angular CLI'' wählen
+    - Button ''Next'' anklicken
+    - Projektnamen eingeben
+    - Node Interpreter wählen ( z.B. ''/usr/local/bin/node'' )
+    - Angular CLI wählen ( aktuell bei mir ''/home/kalaschnikow/.nvm/versions/node/v8.9.4/lib/node_modules/@angular/cli'' )
+    - Button ''Finish'' anklicken
+===== Server starten =====
+Server starten ([[https://github.com/angular/angular-cli/wiki/serve|ng serve]]):
+<code bash>
+cd PROJECT-NAME
+ng serve
+</code>
+===== Modules =====
+<code javascript>
+@NgModule
+</code>
+===== Components =====
+<code javascript>
+@Component
+</code>
+===== Directives =====
+<code javascript>
+@Directive
+</code>
+===== Pipes =====