Angular CLI jest popularnym i całkowicie darmowym środowiskiem do tworzenia aplikacji webowych opartym na Frameworku Angular. Sam proces tworzenia projektu w Angular CLI został sprowadzony do wywołania pojedynczej komendy, dzięki czemu już na starcie otrzymujemy w pełni skonfigurowaną aplikacje webową.
Angular jest frameworkim open source stworzonym w 2016 roku przez firmę Google do tworzenia front-endu, czyli tej warstwy która wyświetla stronę internetową i umożliwia z nią interakcję. Angular został napisany w języku Type Script, który z kolei został stworzonym przez firmę Microsoft w 2012 roku, a swoją popularność zyskał poprzez wprowadzenie obiektowości w Java Script. Dzięki takiemu powiązaniu każda aplikacja napisana w Type Script jest automatycznie kompilowana do Java Script'u.
Angular CLI 👉 Angular 👉 Type Script 👉 Java Script
Do instalacji Angulara CLI potrzebujemy wykonać dwa kroki:
- zainstalować Node.js
- w konsoli wpisać komendę "npm install –global @angular/cli"
Node.js z kroku pierwszego, to środowisko uruchomieniowe, które bazuje na silniku przeglądarki Chrome V8. Zarówno Node.js jak i przeglądarka Chrome są napisane w C++, a ich działanie polega na wysłaniu kodu Java Script do silnika V8 i otrzymaniu rezultatu. Dzięki takiemu mechanizmowi Node.js może być wykorzystywany zarówno w warstwie front-end jak i back-end czyli części serwerowej poza przeglądarką. Na potrzeby tego kursu Node.js jest nam potrzebny tylko do tego, żeby za pomocą jego menedżera pakietów npm zainstalować Angular CLI, co jest pokazane w kroku drugim. Paramter "--global" oznacza, że od tej chwili zainstalowana paczka ma zasięg globalny czyli będzie widziany w każdym projekcie.
Osobiście do kodowania aplikacji webowych polecam Visual Studio Code, całkowicie darmowe IDE pozwalające tworzyć różnego rodzaju projekty nie tylko webowe ale również projekty oparte na C# czy Javie. Środowisko to mimo podobnej nazwy nie ma nic wspólnego z Visual Studio .Net.
🔻Odinstalowanie angulara to wykonanie dwóch poleceń:
- npm uninstall -g @angular/cli
- npm cache clean --force
Brak komentarzy:
Prześlij komentarz