Jak zainstalować i skonfigurować Angular CLI

Angular CLI (Interfejs wiersza poleceń) to potężne narzędzie, które pomaga deweloperom szybko tworzyć, rozwijać i utrzymywać aplikacje Angular. Oferuje polecenia do tworzenia projektów, budowania, testowania i efektywnego wdrażania aplikacji.

Wymagania wstępne

Przed zainstalowaniem Angular CLI upewnij się, że masz następujące wymagania:

• Node.js (zalecana wersja LTS)
• npm (dołączony do Node.js)

Możesz sprawdzić, czy Node.js i npm są zainstalowane, uruchamiając:

node -v
npm -v

Jeśli nie są zainstalowane, pobierz i zainstaluj Node.js z oficjalnej strony Node.js.

Rozpoczęcie pracy z Angular CLI na AvaHost

W AvaHost rozumiemy, że nowoczesny rozwój aplikacji webowych wymaga solidnych narzędzi i usprawnionych procesów. Niezależnie od tego, czy tworzysz dynamiczny interfejs dla platformy biznesowej, czy aplikację jednostronicową o wysokiej wydajności, Angular jest jednym z najpotężniejszych frameworków dostępnych dzisiaj.

Aby pomóc deweloperom w szybszym uruchamianiu aplikacji i z mniejszą ilością problemów, Angular oferuje potężny interfejs wiersza poleceń: Angular CLI. Dzięki temu narzędziu możesz efektywnie tworzyć, rozwijać, budować i wdrażać aplikacje Angular — nawet gdy hostujesz je na serwerze VPS lub dedykowanym zasilanym przez infrastrukturę AvaHost.

W tym przewodniku przeprowadzimy przez proces instalacji, konfiguracji i używania Angular CLI w typowym środowisku deweloperskim, zapewniając jego zgodność z środowiskami hostingowymi AvaHost.

Instalacja Angular CLI

Po zainstalowaniu Node.js zainstaluj Angular CLI globalnie za pomocą npm:

npm install -g @angular/cli

Aby zweryfikować instalację, sprawdź wersję:

ng version

To powinno wyświetlić wersję Angular CLI wraz z zależnościami Angular.

Tworzenie nowego projektu Angular

Użyj następującego polecenia, aby utworzyć nowy projekt Angular:

ng new my-angular-app

Zostaniesz poproszony o wybór konfiguracji, takich jak routowanie i stylizacja (CSS, SCSS itp.). Po dokonaniu wyboru CLI skonfiguruje projekt.

Przejdź do katalogu projektu:

cd my-angular-app

Uruchamianie aplikacji Angular

Aby uruchomić aplikację lokalnie, użyj:

ng serve

Aplikacja będzie dostępna pod adresem http://localhost:4200/ na Twojej Maszynie Wirtualnej.

Zrozumienie poleceń Angular CLI

Oto kilka podstawowych poleceń Angular CLI:

• ng serve – Uruchamia aplikację lokalnie.
• ng generate component component-name – Tworzy nowy komponent.
• ng build – Buduje aplikację do produkcji.
• ng test – Uruchamia testy jednostkowe.
• ng e2e – Wykonuje testy end-to-end.
• ng add package-name – Instaluje pakiet Angular.
• ng update – Aktualizuje Angular i zależności.

Konfigurowanie Angular CLI

Plik angular.json zawiera ustawienia konfiguracyjne projektu, takie jak opcje budowania, serwowania i testowania. Możesz dostosować ścieżki budowania, katalogi wyjściowe i zasoby.

Podsumowanie: Angular CLI + AvaHost = Skalowalny rozwój

Po wykonaniu tych kroków pomyślnie zainstalowałeś i skonfigurowałeś Angular CLI — jedno z najważniejszych narzędzi w nowoczesnym rozwoju JavaScript. Ale posiadanie odpowiedniego CLI to tylko połowa równania. Hosting Twojej aplikacji w szybkim, niezawodnym i przyjaznym dla deweloperów środowisku pozwala Twojemu projektowi Angular rozwijać się w produkcji.

Z serwerami VPS i dedykowanymi AvaHost otrzymujesz:

• Pełny dostęp SSH i wsparcie dla Node.js

• Szybkie przechowywanie SSD i skalowalna pamięć RAM

• Zgodność z narzędziami do budowy, takimi jak Angular CLI, Webpack i NGINX

• Wsparcie dla CI/CD i wdrożeń opartych na Git

• Opcje ignorujące DMCA i globalne lokalizacje serwerów dla elastyczności

Niezależnie od tego, czy pracujesz nad aplikacją startową, wewnętrznym panelem administracyjnym, czy wdrażasz platformę SaaS opartą na Angular, AvaHost daje Ci kontrolę i moc, której potrzebujesz, aby odnieść sukces.