Angular est un framework d’applications Web mobiles et de bureau open source basé sur TypeScript/JavaScript créé par l’équipe Angular de Google. Il s’agit d’une réécriture complète de la même équipe qui a construit AngularJS. Il est bien adapté à la création d’applications mobiles et Web à petite et grande échelle à partir de zéro. Dans ce guide, nous allons apprendre à installer Angular sur Ubuntu.
+
Conditions préalables
Mise à jour des packages système
Il est toujours recommandé d’avoir les derniers packages mis à jour sur votre serveur. Pour mettre à jour les packages système, exécutez :
sudo apt-get update && sudo apt-get upgrade
Comment installer Angular sur Ubuntu Server en 5 étapes simples
Étape 1 : Installez Node.js
Tout d’abord, vous devez installer Node.js sur votre serveur. Node.js est l’une des technologies Web les plus populaires et les plus appréciées aujourd’hui. Il est utilisé par de nombreux développeurs Web pour augmenter les fonctionnalités de l’application Web mobile et de bureau.
Si Node.js est déjà installé sur votre serveur, vous pouvez passer à l’étape suivante.
Pour installer Node.js, utilisez l’ensemble de commandes suivant pour ajouter node.js PPA dans votre serveur Ubuntu.
sudo apt install python-software-properties
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install nodejs
Vous devrez également installer npm, le gestionnaire de packages Node.js. Vous pouvez le faire en tapant :
sudo apt install npm
Exécutez la commande suivante et assurez-vous que vous avez correctement installé Node.js et NPM sur votre serveur.
node --version
npm --version
Étape 2 : Installer Angular/CLI
Dans cette étape, nous allons installer un outil Angular/CLI sur notre serveur. Nous allons installer Angular/CLI à l’aide du Node Package Manager (NPM) que nous avons installé plus tôt dans la première étape.
npm install -g @angular/cli
Une fois que vous avez appuyé sur Entrée, la dernière version d’Angular/CLI sera installée sur votre serveur. Si vous cherchez à installer une autre version d’Angular/CLI, vous pouvez spécifier la version d’Angular. Par exemple:
npm install -g @angular/[email protected] #Angular 6
npm install -g @angular/[email protected] #Angular 7
npm install -g @angular/[email protected] #Angular 8
npm install -g @angular/[email protected] #Angular 9
Dans la commande ci-dessus -g signifie mondial. Donc, si vous incluez -g dans votre commande, alors Angular/CLI sera installé globalement. Ce qui signifie qu’il sera accessible à tous les utilisateurs et applications présents sur votre serveur.
+
Angular/CLI vous fournit une commande ng. Il vous aide à gérer les opérations de ligne de commande. Vérifions donc la version installée de ng sur votre serveur en tapant :
ng --version
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 9.0.5
Node: 12.16.1
OS: linux x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.900.5
@angular-devkit/core 9.0.5
@angular-devkit/schematics 9.0.5
@schematics/angular 9.0.5
@schematics/update 0.900.5
rxjs 6.5.3
Consultez la page officielle pour la présentation de la CLI et la référence des commandes.
Étape #4 : Création d’un nouveau projet angulaire
Créons un nouveau projet angulaire par le nom test-project. Pour le créer, exécutez la commande suivante :
ng new test-project
Sortir:
..... ...... added 1167 packages from 1048 contributors and audited 19053 packages in 72.14s 23 packages are looking for funding run `npm fund` for details found 0 vulnerabilities Successfully initialized git.
Étape #5 : Exécution de l’application Angular
Naviguez maintenant vers le test-project et exécutez l’application en utilisant ng serve commande:
+
cd test-project
ng serve
Une fois que vous avez exécuté la commande, votre application Angular est lancée par défaut port 4200.http://localhost:4200
Vous pouvez également modifier l’hôte et le port de votre application angulaire en fournissant –host et –port arguments de la ligne de commande.
ng serve --host 0.0.0.0 --port 8080
L’adresse IP 0.0.0.0 écoute sur toutes les interfaces et est accessible publiquement.
Pour plus d’informations liées à la ng outil, exécutez la commande suivante.
ng help
Tu pourrais aussi aimer:
Conclusion
Vous avez installé avec succès un Angular/CLI sur Ubuntu et créé une application de test.
J’espère que vous trouverez ce tutoriel sur la façon d’installer Angular sur Ubuntu utile. Partagez vos opinions dans la section des commentaires ci-dessous.