Jak nainstalovat Angular na Ubuntu 24.04

Volně přístupná JavaScriptová platforma pro vytváření dynamických aplikací se nazývá Angular.js. Umožňuje vám rychle a jednoznačně reprezentovat každý aspekt vaší aplikace rozšířením syntaxe HTML, když je použit jako jazyk šablony. Poskytuje sadu nástrojů pro psaní, aktualizaci a testování kódu. Nabízí nepřeberné množství funkcí včetně směrování a správy formulářů. Tato příručka popisuje způsob instalace Angular na Ubuntu 24 pomocí instalace Node.js.

Aktualizujte a upgradujte systém

Než přejdeme k instalacím, projdeme nejprve aktualizaci systému. Je nutné aktualizovat systém Ubuntu 24, protože se musí brzy projevit na nových instalacích bez jakýchkoli problémů. Instrukce pro aktualizaci a upgrade tedy využíváme v rámci jediného příkazu, který se provádí pomocí nástroje „apt“.

Po provedení této instrukce systém přidělí nastavené místo procesu upgradu a aktualizace a požádá vás o potvrzení klepnutím na „y“ nebo „n“. Proto musíte stisknout „y“ k dokončení tohoto procesu aktualizace, jak je znázorněno níže. Po chvíli bude náš systém úspěšně aktualizován a upgradován.

Nainstalujte závislosti

Instalace Angular a Node.js závisí také na některých dalších utilitách. Tyto závislosti zahrnují git, wget, curl a mnoho dalších. Proto musíme tyto závislosti předem nainstalovat. Pro instalaci těchto závislostí použijeme stejný nástroj „apt“ v příkazovém shellu a počkáme, dokud se všechny závislosti úspěšně nenainstalují.

Nainstalujte Node.js

Aplikace Angular nemohou fungovat bez Node.js, což je primární požadavek. Proto je nutné nainstalovat Node.js, než se přesunete k instalaci Angular na Ubuntu 24. Node.js také vyžaduje pro svou instalaci nástroj příkazového řádku NVM. Takže používáme nástroj „curl“ v shellu terminálu k instalaci nástroje NVM nejprve z oficiálního úložiště Github. Můžete vidět, že po provedení této instrukce byl nástroj NVM stažen a nainstalován.

Nyní je také nutné povolit prostředí NVM na systému Ubuntu 24 Linux. Spustíme tedy soubor „bashrc“ pomocí zdrojové instrukce, aby systém mohl získat efekty nově nainstalovaného nástroje NVM a nastavit prostředí.

Po vytvoření prostředí je systém Ubuntu 24 nastaven na instalaci Node.js na svém konci. K tomu používáme nově nainstalovaný nástroj „nvm“ v rámci instalačních pokynů, které se používají v shellu terminálu. Pomocí tohoto návodu nainstalujeme nejnovější verzi Node.js 18 na náš systém Ubuntu. Nástroj NVM také nainstaluje správce balíčků uzlů spolu s Node.js. Zpracování začíná stažením a instalací uzlu verze 18.19.1 z oficiálních stránek. Poté vypočítá kontrolní součet a vytvoří výchozí alias.

Po úspěšné instalaci Node.js musíme ověřit, že byl nainstalován a namontován v našem systému. K tomu musíme zkontrolovat jeho nainstalovanou verzi pomocí příkazu „version“ začínajícího klíčovým slovem „node“. Předchozí instalační instrukce NVM také nainstalovala NPM (Node Package Manager) spolu s Node.js. Proto musíme hledat i verzi NPM. Výstup obou příkazů zobrazuje verze, jak je znázorněno na následujícím přiloženém obrázku:

Nainstalujte Angular CLI

Je čas provést poslední kroky pro instalaci rozhraní příkazového řádku Angular po instalaci všech závislostí včetně NPM a Node.js. K tomu používáme NPM (node ​​package manager) v rámci terminálového shellu Ubuntu 24.

Pro provedení tohoto návodu k instalaci můžete použít práva sudo. Tento příkaz obsahuje odkaz na oficiální balíček Angular CLI. Příznak „—location“ je nastaven pro přidání Angular CLI na globální úrovni pro systém Ubuntu 24, který je přístupný všem uživatelům na aktuální platformě.

Pomohlo by, kdybyste chvíli počkali, než se dokončí zpracování Angular CLI. Po nějakém zpracování jsou balíčky Angular CLI přidány a úspěšně nainstalovány. Na oplátku získáte na obrazovce terminálu následující vyobrazený výstup, který má 232 přidaných balíčků za 2 minuty:

Nyní je čas ověřit instalaci Angular CLI. Dodává se s příkazem „ng“, který pomáhá provádět příkazy na Angular CLI. Podívejme se tedy na nainstalovanou verzi příkazu „ng“. Po zodpovězení některých otázek o provádění tohoto příkazu verze získáme následující výstup, který také obsahuje informace týkající se verze Angular, Node, NPM a OS. Na konci je také zobrazení informací o balíčcích a jejich nainstalovaných verzích.

Vytvořte aplikaci Angular

Je čas použít Angular CLI k vytvoření nové aplikace Angular na Ubuntu 24. Stejně jako jsme použili instrukci „ng“ ke kontrole verze Angular CLI, použijeme ji také k vytvoření nové aplikace s názvem „test“ s „nové“ klíčové slovo. Poprava probíhá s několika otázkami. Pomohlo by, kdybyste na tyto otázky odpověděli podle svých preferencí a balíčky pro vaši novou aplikaci se úspěšně nainstalovaly.

Po chvíli se vytvoří nová aplikace Angular s názvem „test“. V našem pracovním adresáři se vygeneruje nový „test“ adresář, jak je znázorněno na následujícím připojeném výstupu:

Po vytvoření „testovací“ aplikace Angular ji musíme také spustit. Chcete-li to provést, přejděte do adresáře „test“ a pomocí nástroje „ng“ spusťte příkaz „serve“.

Stejný příkaz můžete také použít k nastavení portu 4200 pro všechna systémová rozhraní nastavením hostitele na 0.0.0.0.

Závěr

Tato příručka ukazuje, jak lze prostředí Angular využít k vytvoření libovolné aplikace. Na podporu této myšlenky jsme předvedli metodu instalace Angular na Ubuntu 24 po instalaci a konfiguraci Node.js a NPM. Nakonec jsme vypracovali způsob, jak vytvořit aplikaci Angular v Ubuntu 24 pomocí Angular CLI.