Angular je populární open-source rámec pro vývoj aplikací. Je vysoce rozšiřitelný a používá se pro vývoj mobilních a webových aplikací pomocí TypeScript/JavaScript. Je navržen pro vytváření malých až velkých aplikací od začátku. Poskytuje nástroj Angular CLI pro vytváření, správu, sestavování a testování aplikací Angular..
V tomto příspěvku vám ukážeme, jak nainstalovat Angular (CLI) na CentOS 8.
Předpoklady
- Server se systémem CentOS 8.
- Na vašem serveru je nakonfigurováno heslo uživatele root.
Instalovat Node.js
Aby bylo možné nainstalovat Angular, musí být na vašem serveru nainstalován Node.js. Pokud není nainstalován, můžete jej nainstalovat pomocí následujícího příkazu:
curl -sL https://rpm.nodesource.com/setup_14.x | bash -
dnf install nodejs -y
Po dokončení instalace ověřte nainstalovanou verzi Node.js pomocí následujícího příkazu:
node --version
Výstup:
v14.16.1
Verzi NPM můžete také ověřit pomocí následujícího příkazu:
npm --version
Výstup:
6.14.12
Instalovat Angular/CLI
Nyní můžete nainstalovat Angular/CLI spuštěním následujícího příkazu:
npm install -g @angular/cli
Po instalaci ověřte nainstalovanou verzi Angular/CLI pomocí následujícího příkazu:
ng --version
Měli byste získat následující výstup:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1102.7 (cli-only)
@angular-devkit/core 11.2.7 (cli-only)
@angular-devkit/schematics 11.2.7 (cli-only)
@schematics/angular 11.2.7 (cli-only)
@schematics/update 0.1102.7 (cli-only)
Vytvoření aplikace pomocí Angular
Angular/CLI poskytuje jednodušší způsob, jak vytvořit a nasadit aplikaci v produkčním a místním prostředí.
Chcete-li vytvořit novou aplikaci s názvem hello-world, spusťte následující příkaz:
ng new hello-world
Jakmile je aplikace vytvořena, změňte adresář na hello-world a spusťte aplikaci pomocí následujícího příkazu:
cd hello-world
ng serve
Měli byste vidět následující výstup:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? Compiled successfully. ? Browser application bundle generation complete. Initial Chunk Files | Names | Size styles.css | styles | 119 bytes 4 unchanged chunks Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms ? Compiled successfully.
Jak můžete vidět, vaše aplikace je spuštěna a naslouchá na portu 4200 na locahost.
Stiskněte CTRL+C pro zastavení aplikace.
Pokud chcete spustit aplikaci na konkrétní IP adrese nebo portu, spusťte následující příkaz:
ng serve --host 0.0.0.0 --port 3000
Měli byste získat následující výstup:
Initial Chunk Files | Names | Size
vendor.js | vendor | 2.69 MB
polyfills.js | polyfills | 128.74 kB
main.js | main | 56.94 kB
runtime.js | runtime | 6.15 kB
styles.css | styles | 119 bytes
| Initial Total | 2.87 MB
Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms
** Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ **
? Compiled successfully.
Přístup k aplikaci Angular
V tomto okamžiku je vaše aplikace Angular spuštěna a naslouchá na portu 3000 na všech síťových rozhraních. Nyní k němu můžete přistupovat pomocí adresy URL http://ip-vaseho-serveru:3000. Svou aplikaci byste měli vidět na následující stránce:
Závěr
Gratulujeme! úspěšně jste nainstalovali Angular na CentOS 8. Nyní můžete začít vytvářet svou první aplikaci s Angular a nasadit ji v produkčním prostředí.