Angular10302021
0 likes584 views
Utworzenie projektu Angular
Angular10302021
- 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