Wróć do strony głównej
Ostatnia aktualizacja:2 lip 2020

1. Wprowadzenie

Cześć!

Witaj w tutorialu do Angular Schematics! Być może na ten moment ta nazwa niewiele Ci mówi, ale masz do czynienia ze Schematics za każdym razem, gdy poprzez Angular CLI generujesz dowolny element, np. komponent:

Zapewne już się domyślasz, że Schematics służą do generowania komponentów, serwisów, modułów…ale nie tylko. Co potrafi jeszcze to poteżne narzędzie? Tego dowiesz się podczas kolejnych lekcji ;).

Będzie maksimum praktyki i zero wodolejstwa!

Tutorial będzie rozszerzany wraz z moim rozwojem wiedzy na temat tego narzędzia. Jeśli czujesz się doświadczony w Schematics i masz pomysł na fajną lekcję – daj znać, dzielmy się wiedzą ze społecznością.

Cały tutorial opiera się na Schematics v7.1.4 a kod z wszystkich lekcji znajduje się w następującym repozytorium:

https://github.com/tomasznastaly/angular-schematics-tutorial/tree/create-blank-schematic/angularlove

Angular Schematics

Jeśli miałbym stworzyć definicję Angular Schematics, to określiłbym to tak:

„Niezależne od platformy narzędzie do automatyzacji pracy, które pozwala generować pliki oraz modyfikować istniejące, według jasno określonych zasad”.

Narzędzie pozwala na wiele więcej, ale ta definicja powinna Ci wstępnie nakreślić, do czego ogólnie służą Schematics. Co ważne, Angular Schematics są niezależne od platformy – możesz ich używać np. z React lub Vue!