V tomto tutoriálu vám ukážeme, jak nainstalovat Angular na Ubuntu 20.04 LTS. Pro ty z vás, kteří nevěděli, Angular je JavaScript open-source framework, který pomáhá při vývoji single -stránkové webové aplikace vhodné pro web/mobily/desktop. Angular kombinuje deklarativní šablony, vkládání závislostí, komplexní nástroje a integrované osvědčené postupy k řešení vývojových problémů. Angular umožňuje vývojářům vytvářet aplikace, které fungují na webu, v mobilních zařízeních, nebo desktop.
Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo ‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci Angular na Ubuntu 20.04 Focal Fossa. Můžete postupovat podle stejných pokynů pro Ubuntu 18.04, 16.04 a jakoukoli jinou distribuci založenou na Debianu, jako je Linux Mint.
Nainstalujte Angular na Ubuntu 20.04 LTS Focal Fossa
Krok 1. Nejprve se ujistěte, že všechny vaše systémové balíčky jsou aktuální, spuštěním následujícího apt příkazy v terminálu.
sudo apt update sudo apt upgrade
Krok 2. Instalace Node.js.
Nainstalujte Node.js a npm ze zdroje Node. Stačí přidat PPA pro verzi, kterou chcete nainstalovat:
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Pro instalaci spusťte následující příkazy:
sudo apt install nodejs
Dále aktualizujte verzi npm na nejnovější verzi spuštěním následujícího příkazu:
npm install npm@latest -g
Po dokončení ověřte instalaci spuštěním:
node --version npm --version
Krok 3. Instalace Angular na Ubuntu 20.04.
Spuštěním následujících příkazů nainstalujte nástroj Angular CLI do systému:
npm install -g @angular/cli
Po instalaci ověřte nainstalovanou verzi Angular pomocí následujícího příkazu:
$ ng --version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1001.1
@angular-devkit/core 10.2.1
@angular-devkit/schematics 10.2.1
@schematics/angular 10.2.1
@schematics/update 0.1001.2
rxjs 6.6.4 Krok 4. Vytvoření nové aplikace Angular.
Nyní, když máme Angular nainstalovaný, můžeme vytvořit základní lešení pro novou aplikaci. K tomu použijeme naše nově nainstalované Angular CLI:
ng new idroot
Nejprve přejděte do nově vytvořeného adresáře pro naši aplikaci:
cd idroot ng serve --host your-server-ip --port 8088
Krok 5. Přístup k Angular Web Interface.
Projekt Angular je nasazen a naslouchá na portu 8088. Můžete k němu přistupovat pomocí adresy URL http://your-server-ip-address:8088 . Měli byste vidět následující obrazovku:
Blahopřejeme! Úspěšně jste nainstalovali Angular. Děkujeme, že jste použili tento návod k instalaci Angular v systému Ubuntu 20.04 LTS Focal Fossa. Pro další pomoc nebo užitečné informace vám doporučujeme navštívit oficiální web Angular.