[[oktatas:web:angular|< Angular]]

====== Angular kezdés ======

  * **Szerző:** Sallai András
  * Copyright (c) 2021, Sallai András
  * Szerkesztve: 2021, 2022, 2023, 2024, 2025
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== Webhely =====

  * https://angular.dev/
  * https://angular.dev/reference/releases

===== Telepítés =====

Szükség van egy telepített Node.js-re npm paranccsal együtt. Ha ez megvan, akkor telepíthetjük az Angular parancssori eszközt.

Rendszergazdaként:
  npm install -g @angular/cli@18.0.0

Telepítés után kapunk egy "ng" nevű parancsot. Ellenőrizzük a verziót.


Telepített angular/cli verziója:
  ng version
  ng v



==== Windowson ====

Útvonalba kell tenni:
  c:\Users\user\AppData\Romaing\npm


Az útvonalbeállítás Windowson részletesebben:
  * [[oktatas:operacios_rendszerek:windows:utvonalak|Útvonalak]]


Ellenőrzés:
  ng version

Windowson PowerShellben be kell még állítani:
  Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned


===== Adott verzió telepítése =====

  npm i -g @angular/cli@16.2.11

  npm i -g @angular/cli@16

  npm i -g @angular/cli@17

  npm i -g @angular/cli@18

===== Futtatás =====

Verzió lekérdezése:

  ng version



<note important>

Az első indításnál ha PowerShell terminált használunk, szükség lehet a távoli aláírások engedélyezésére:
<code>
set-ExecutionPolicy RemoteSigned -Scope CurrentUser 
</code>

Ellenőrzés:
<code>
Get-ExecutionPolicy -list
</code>
</note>

===== Visual Studio Code =====


  * Angular Language Service



Teszteléshez:

  * Karma test explorer for Angular, Jasmine, and Mocha

===== Online =====

JavaScript, Angular, stb:
  * https://plnkr.co/
  * https://stackblitz.com/

===== Csomagkezelő beállítása =====

<note important>
Opcionális a beállítás. Az alapértelmezett npm a legjobb. Ne állítsa át, ha nincs különösebb indoka.
</note>

Az alapértelmezett csomagkezelő az npm. Ha szeretnék ezt valaki megváltoztatni, így lehetséges:

  ng config -g cli.packageManager pnpm

A következő helyen tárolódik:

  * Windows: %USERPROFILE%\angular-config.json
  * Linux: ~/.angular-config.json


A következőt kell találnunk:

<code javascript>
{
  "cli": {
    "packageManager": "pnpm"
  }
}
</code>

Ettől kezdve az ng parancs a pnpm csomagkezelőt használja.