Comment installer et utiliser AngularJS sur Ubuntu

Dans ce guide, nous allons illustrer comment installer et utiliser AngularJS sur Ubuntu

AngularJS était un framework Web frontal open source basé sur JavaScript pour le développement d'applications d'une seule page. Il a été maintenu principalement par Google et une communauté d'individus et d'entreprises.

Il visait à simplifier à la fois le développement et le test de ces applications en fournissant un cadre pour les architectures modèle-vue-contrôleur (MVC) et modèle-vue-vue-modèle (MVVM) côté client, ainsi que des composants couramment utilisés dans les applications Web et progressives. applications Web.

AngularJS a été utilisé comme interface de la pile MEAN, composée de la base de données MongoDB, du framework de serveur d'applications Web Express.js, d'AngularJS lui-même (ou Angular) et de l'environnement d'exécution du serveur Node.js.

Installation

Suivez simplement les étapes ci-dessous

• Mettre à jour et mettre à niveau le système Ubuntu

sudo apt update && sudo apt upgrade

Installer Node.js sur Ubuntu

Après cela, nous utiliserons npm (Node Package Manager) pour installer AngularJS .

npm est le gestionnaire de paquets par défaut pour Node.JS sur un système Linux. Alors, allons l'installer sur notre système Ubuntu.

• Ajouter le référentiel Node.JS. Nous installerons également Node.js 14 sur Ubuntu depuis node.js 16 n'est pas pris en charge par Angular

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

• Installez ensuite node.js sur Ubuntu

sudo apt install nodejs -y

• Confirmez votre installation en vérifiant la version de node.js et la version de npm comme indiqué ci-dessous.

node -v

• La commande ci-dessus installera également le gestionnaire de packs JavaScript npm. Mettez donc à jour la version npm.

sudo npm install npm@latest -g

Installer AngularJS sur Ubuntu

• Installez AngulaJS sur votre système, installez la dernière version d'AngulaJS sur Ubuntu en utilisant la commande ci-dessous

sudo npm install -g @angular/cli

La dernière version d'Angular CLI sera installée sur Ubuntu 20.04, 21.04 et 18.04

• Vérifiez ou vérifiez la version installée d'Angular en exécutant :

ng version

REMARQUE :

Vous pouvez installer une version spécifique sur Angular CLI sur Ubuntu.

npm install -g @angular/cli@10    #Angular 10
npm install -g @angular/cli@9     #Angular 9
npm install -g @angular/cli@8     #Angular 8

Créer une nouvelle application angulaire

• Vous pouvez maintenant utiliser le "ng "Commande pour créer une nouvelle application angulaire.

Par exemple : nous allons créer une application de démonstration appelée UnixcopVisitors en utilisant AngularJS.

ng new UnixcopVisitors

La commande crée un répertoire UnixcopVisitors dans le répertoire courant avec tous les fichiers requis pour l'application Angular.

Servir l'application angulaire

• Après avoir créé l'application angulaire, accédez au répertoire de l'application, puis diffusez votre application comme indiqué ci-dessous.

cd UnixcopVisitors
ng serve

• l'accès à l'application sur le Web à l'aide de l'URL http://localhost:4200 comme indiqué ci-dessous

REMARQUE :

Vous pouvez également modifier l'hôte et le port sur lesquels l'application s'exécute en utilisant :

ng serve --host 0.0.0.0 --port 8080

Conclusion

C'est tout

Nous vous avons montré comment installer et utiliser AngularJS sur Ubuntu 20.04

Merci….