Pokud se bavíme o Javascriptu, tak je velmi pravděpodobné, že někde najdeme i AngularJS. Dnes se v tomto příspěvku naučíte, jak nainstalovat AngularCLI na Debian 11, as tímto nástrojem budete moci hladce a rychle vytvářet projekty AngularJS.
Co je AngularJS?
AngularJS je úžasný open-source javascriptový framework vyvinutý společností Google pro dynamické webové aplikace. Je zaměřen na vývoj jednostránkových webových aplikací a je vyvíjen v TypeScriptu. Mnoho vývojářů tvrdí, že je velmi snadné vyvinout frontend s Angular.
Jedním z důvodů, proč je Angular tak populární, je to, že je to framework, který vám umožňuje vytvářet robustní webové aplikace a může být velmi užitečný pro budování SPA (jednostránková aplikace). Je také modulární, takže je založen na jádru a modulech, které v případě potřeby umožňují přístup k dalším funkcím.
Aplikace Angular závisí na funkcích a funkcích poskytovaných knihovnami, jako je NodeJS, což je požadavek pro instalaci Angular.
Mnoho vývojářů tvrdí, že Angular 5 usnadňuje sdílení stavů aplikace mezi tím, co je na straně serveru a co je na straně klienta . Integrace dat je tedy zaručena.
Pro použití Angular máme nástroj nazvaný AngularCLI. AngularCLI je standardní nástroj příkazového řádku pro vytváření, ladění a publikování aplikací Angular. Abychom si usnadnili život, musíme nainstalovat AngularCLI.
Takže začněme.
Instalace AngularCLI na Debian 11
Hlavním požadavkem pro instalaci tohoto nástroje je instalace NodeJS. Tak jdeme na to.
Instalovat NodeJS na Debian 11
Otevřete tedy terminál ve svém GUI nebo se připojte přes SSH ke svému serveru.
Poté jej aktualizujte.
sudo apt update sudo apt upgrade
Dále musíme přidat odpovídající úložiště NodeJS 14.
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Poté můžete nainstalovat NodeJS.
sudo apt install nodejs
Díky tomu jsou oba NodeJS připraveny k instalaci AngularCLI..
Instalovat AngularCLI na Debian 11
Po úspěšné instalaci NodeJS můžeme nainstalovat AngularCLI spuštěním následujícího příkazu
sudo npm install -g @angular/cli
Ukázkový výstup:
+ @angular/[email protected] + added 236 packages from 183 contributors in 25.041s
Nyní vytvořte nový projekt AngularCLI, jako je tento
ng new [project-name]
Ukázkový výstup:
? Would you like to add Angular routing? No ? Which stylesheet format would you like to use?
Balíčky byly úspěšně nainstalovány.
V mém případě jsem vytvořil testovací projekt s názvem example . Během procesu instalace budete dotázáni na několik otázek týkajících se Angular.
Otevřete složku vytvořenou s názvem projektu.
cd example
A tam bude veškerá struktura projektu.
Chcete-li vše otestovat, spusťte
ng serve
Tam bude k dispozici na localhost, ale můžete také zadat hostitele a port.
ng serve --host [host_ip] --port [port]
Dále otevřete webový prohlížeč a na adrese uvedené v předchozím příkazu uvidíte následující
Takže AngularCLI bude připraven a Angular bude připraven k práci.
Závěr
V tomto příspěvku jsme vám pomohli s AngularCLI a jeho instalačním procesem. To je docela jednoduché a díky tomu budete moci bez problémů vytvořit Angular projekt.