Generowanie nowego projektu
Utwórz aplikację za pomocą ng new i poznaj dostępne opcje.
Generowanie nowego projektu to bezpłatna lekcja Angular Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Angular Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Angular Academy zawiera 4 lekcji w sumie.
Angular CLI
Angular CLI to oficjalne narzędzie wiersza poleceń do tworzenia, budowania, uruchamiania i testowania aplikacji Angular. Polecenia rozpoczynają się od ng.
Instalowanie CLI
CLI należy zainstalować globalnie za pomocą npm, aby polecenie ng było dostępne wszędzie.
npm install -g @angular/cliTworzenie projektu za pomocą ng new
Polecenie ng new tworzy szkielet zupełnie nowego workspace’u i aplikacji Angular.
ng new my-appDziałanie ng new
Polecenie tworzy folder, instaluje zależności, konfiguruje TypeScript, konfigurację budowania i narzędzie do uruchamiania testów, tworzy początkową aplikację standalone oraz inicjalizuje repozytorium git.
Pytania interaktywne
Domyślnie ng new zadaje kilka pytań, na przykład czy dodać routing Angulara oraz którego formatu arkuszy stylów użyć (CSS, SCSS, Sass lub Less).
Dodawanie routingu
Na pytanie o routing można odpowiedzieć podczas konfiguracji albo przekazać flagę, aby zadecydować z wyprzedzeniem.
ng new my-app --routingWybór formatu stylów
Język arkuszy stylów należy wybrać za pomocą flagi style.
ng new my-app --style=scssPomijanie instalacji lub Gita
Przydatne flagi pozwalają pominąć instalowanie zależności lub inicjalizowanie repozytorium git, co jest wygodne w środowiskach CI i konfiguracjach opartych na skryptach.
ng new my-app --skip-install --skip-gitSamodzielna aplikacja domyślnie
Najnowsze wersje CLI domyślnie tworzą szkielet samodzielnej aplikacji: plik main.ts korzysta z bootstrapApplication, a plik app.config.ts służy do definiowania providerów.
Przejście do projektu
Po utworzeniu projektu należy przejść do nowego katalogu, aby uruchamiać kolejne polecenia.
cd my-appUzyskiwanie pomocy
Każde polecenie obsługuje flagę help, która wyświetla listę dostępnych opcji.
ng new --helpSzybkie sprawdzenie: ng new
Tworzenie projektu.
Podsumowanie: nowy projekt
Angular CLI (ng) tworzy aplikacje za pomocą ng new my-app, opcjonalnie konfigurując routing i format arkuszy stylów. Instaluje zależności i tworzy szkielet początkowej samodzielnej aplikacji. Następnie poznają Państwo wygenerowaną strukturę.
Często zadawane pytania
Czy lekcja „Generowanie nowego projektu” jest bezpłatna?
Tak — pełny tekst „Generowanie nowego projektu” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Angular Academy, przejdź na CoddyKit PRO. Kurs Angular Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Generowanie nowego projektu”?
Utwórz aplikację za pomocą ng new i poznaj dostępne opcje. Ćwiczysz Angular Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Angular Academy?
Nie wymagamy żadnego doświadczenia. Angular Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Generowanie nowego projektu”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Angular Academy?
Tak. Każda lekcja Angular Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Generowanie nowego projektu
- Objaśnienie struktury projektu
- Generowanie kodu za pomocą ng generate
- Budowanie i uruchamianie