Utworzenie projektu Angular

1. Utworzyć projekt aplikacji
internetowej w Angular
Linux, Progressive Web Application, Eclipse
Katowice, 02.11.2021

2. Streszczenie
▪ Wymagania
środowiska
▪ Utworzenie
projektu Angulara
▪ Uruchomienie
narzędzi
programistycznych
Źródło: Angular. Profesjonalne
techniki programowania. Wydanie IV.
Adam Freeman. Helion 2021

3. Wymagania środowiska, które należy
spełnić przed utworzeniem projektu
Komponenty omówiono w
prezentacji pt. środowisko
programistyczne PWA
(Progessive Web Application)

4. Utworzenie projektu Angulara w Linux
Debian 11
▪ Przejdź do katalogu
przeznaczonego do
aplikacji (cd)
▪ Utwórz projekt
poleceniem
ng new nazwaProjektu
▪ Przydatne argumenty
(slajd pt. Argumenty
konfiguracji projektu)
▪ Struktura katalogu
projektu
(slajd pt. Struktura
projektu)

5. Argumenty konfiguracji projektu
Freeman (tab. 11.1) wymienia jako
„użyteczne”:
▪ --collection
▪ --directory
▪ --dry-run
▪ --force
▪ --inline-style
▪ --inline-template
▪ --minimal
▪ --package-manager
▪ --prefix
▪ --routing
▪ --skip-git
▪ --skip-install
▪ --skip-tests
▪ --style
Spośród których często są wybierane:
ng new nazwaProjektu –routing false –style css –skip-git –skip-tests

6. Struktura projektu zawiera:
(omówione w tab. 11.2, 11.3)
▪ e2e
▪ node_modules
▪ src
▪ .editorconfig
▪ .gitignore
▪ angular.json
▪ package.json
▪ package-lock.json
▪ Readme.md
▪ tsconfig.json
▪ tstlint.json
Katalog src kodu źródłowego
zawiera:
▪app
▪assets
▪environments
▪favicon.ico
▪index.html
▪main.ts
▪polyfill.ts
▪styles.css
▪tests.ts

7. Uruchomienie narzędzi
programistycznych
▪ Uruchom narzędzia
programistyczne
poleceniem:
ng serve
▪ Sprawdź wynik
kompilacji
początkowej,
oczekiwane:
Compiled successfully
▪ Uruchom
przeglądarkę WWW i
przejdź pod adres:
http://localhost:4200