Comment installer Angular CLI sur CentOS 8

Angular est un framework de développement d’applications open-source populaire. Il est hautement extensible et utilisé pour développer des applications mobiles et web en utilisant TypeScript/JavaScript. Il est conçu pour construire des applications de petite à grande échelle à partir de zéro. Il fournit un utilitaire Angular CLI pour créer, gérer, construire et tester des applications Angular.

Dans cet article, nous allons vous montrer comment installer Angular (CLI) sur CentOS 8.

Prérequis

Un serveur exécutant CentOS 8.
Un mot de passe root configuré sur votre serveur.

Installer Node.js

Pour installer Angular, Node.js doit être installé sur votre serveur. S’il n’est pas installé, vous pouvez l’installer avec la commande suivante :

curl -sL https://rpm.nodesource.com/setup_14.x | bash -  
dnf install nodejs -y

Une fois l’installation terminée, vérifiez la version installée de Node.js avec la commande suivante :

node --version

Sortie :

v14.16.1

Vous pouvez également vérifier la version de NPM en utilisant la commande suivante :

npm --version

Sortie :

6.14.12

Installer Angular/CLI

Maintenant, vous pouvez installer Angular/CLI en exécutant la commande suivante :

npm install -g @angular/cli

Une fois installé, vérifiez la version installée d’Angular/CLI avec la commande suivante :

ng --version

Vous devriez obtenir la sortie suivante :

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

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)

Créer une application avec Angular

Angular/CLI fournit un moyen plus facile de créer et de déployer une application dans un environnement de production et local.

Pour créer une nouvelle application nommée hello-world, exécutez la commande suivante :

ng new hello-world

Une fois l’application créée, changez le répertoire vers hello-world et lancez l’application avec la commande suivante :

cd hello-world  
gn serve

Vous devriez voir la sortie suivante :

 Le serveur de développement Angular Live écoute sur localhost:4200, ouvrez votre navigateur sur http://localhost:4200/ 


? Compilé avec succès.
? Génération du bundle de l'application du navigateur terminée.

Fichiers de Chunk Initiaux | Noms  |      Taille
styles.css          | styles | 119 octets

4 chunks inchangés

Construit à : 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Temps: 523ms

? Compilé avec succès.

Comme vous pouvez le voir, votre application est démarrée et écoute sur le port 4200 sur le localhost.

Appuyez sur CTRL+C pour arrêter l’application.

Si vous souhaitez lancer votre application sur une adresse IP ou un port spécifique, exécutez la commande suivante :

gn serve --host 0.0.0.0 --port 3000

Vous devriez obtenir la sortie suivante :

Fichiers de Chunk Initiaux | Noms         |      Taille
vendor.js           | vendor        |   2.69 Mo
polyfills.js        | polyfills     | 128.74 ko
main.js             | main          |  56.94 ko
runtime.js          | runtime       |   6.15 ko
styles.css          | styles        | 119 octets

                    | Total Initial |   2.87 Mo

Construit à : 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Temps: 11348ms

 Le serveur de développement Angular Live écoute sur 0.0.0.0:3000, ouvrez votre navigateur sur http://localhost:3000/ 

? Compilé avec succès.

Accéder à l’application Angular

À ce stade, votre application Angular est démarrée et écoute sur le port 3000 sur toutes les interfaces réseau. Vous pouvez maintenant y accéder en utilisant l’URL http://your-server-ip:3000. Vous devriez voir votre application sur la page suivante :

Application Angular

Conclusion

Félicitations ! vous avez réussi à installer Angular sur CentOS 8. Vous pouvez maintenant commencer à construire votre première application avec Angular et la déployer dans l’environnement de production.