Angular telepítés, npm és parancsok

Ebben a leírásban kialakítunk egy linux-os környezetet angular fejlesztéshez. Nekem ez egy virtualbox-ban futó debian-on történik (a linux telepítése itt nem kerül részletezésre).

Az angularos csomagok telepítéséhez szükség van npm-re, az viszont a nodejs-ben található meg és nem telepíthető külön önmagában az npm, ezért első lépésként feltesszük a nodejs-t. (lehet setup_10.x, setup_11.x is)

# curl -sL https://deb.nodesource.com/setup_9.x | bash -
# apt-get install nodejs
# npm -v // csomagkezelő amivel javascriptes csomagokat telepíthetünk
# nodejs -v // az npm csak nodejs-el együtt telepíthető külön nem

Telepítsük fel az angulart:

# npm install -g @angular/cli

Új angular project készítése:

# ng new teszt-project

Ahhoz, hogy lássuk a kódunk eredményét a böngészőben:

# ng server --open // csak local-ban érhető el
vagy
# ng server --host=0.0.0.0 // elérhető mindenhol
vagy
# npm start (6-os cli-től)

régi angular cli migrálása angular6-ra angular-cli.json helyett created angular.json -t csinál

# ng update @angular/cli --migrate-only --from=1.7.4

Az alaptelepítésben már benne van a webpack.
A development környezetet a következő paranccsal indíthatjuk el:

# npm start

Minden kód változás után, ha a böngészőre visszakattintunk akkor lefordítja a kódot és frissül az alkalmazásunk automatikusan a böngészőben.

Ha build -et szeretnénk készíteni:

# ng build --prod // csinál dist mappát amiben a lefordított kész kódot találjuk, ezt kell a production szerverre másolni

Angular csomag telepítés:

# npm i @angular/router
# npm install angular-route

Egyéb hasznos csomagok amiket érdemes feldobni:

npm install primeng --save // ui componensek angularhoz (gombok, táblázatok, listák, naptárak stb.)
npm install bootstrap
npm install font-awesome
npm install jquery
npm install --save @ng-bootstrap/ng-bootstrap
npm install @types/js-base64
npm install babel-preset-env

Régi angular cli migrálása angular6-ra angular-cli.json helyett angular.json -t csinál

# ng update @angular/cli --migrate-only --from=1.7.4

Nodejs frissítése npm-el:

# n stable

2018.06.04.

Figyelem! Az itt olvasható leírások, nem teljesek és nem biztos, hogy pontosak. Nem frissülnek folyamatosan, ezért nem mindegyik használható az aktuális verziójú rendszerekben. Mindenki saját felelősségére használja az itt található ötleteket. Az esetleges károkért nem vállalunk felelősséget.