Dans ce didacticiel, nous allons vous montrer comment installer Angular sur Ubuntu 20.04 LTS. Pour ceux d'entre vous qui ne le savaient pas, Angular est un framework JavaScript open source qui aide à développer des -pages Web adaptées au Web/mobile/bureau. Angular combine des modèles déclaratifs, l'injection de dépendances, des outils de bout en bout et les meilleures pratiques intégrées pour résoudre les problèmes de développement. Angular permet aux développeurs de créer des applications qui vivent sur le Web, mobile, ou de bureau.
Cet article suppose que vous avez au moins des connaissances de base sur Linux, que vous savez utiliser le shell et, plus important encore, que vous hébergez votre site sur votre propre VPS. L'installation est assez simple et suppose que vous s'exécutent dans le compte root, sinon vous devrez peut-être ajouter 'sudo ‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer pas à pas l'installation d'Angular sur un Ubuntu 20.04 Focal Fossa. Vous pouvez suivre les mêmes instructions pour Ubuntu 18.04, 16.04 et toute autre distribution basée sur Debian comme Linux Mint.
Installer Angular sur Ubuntu 20.04 LTS Focal Fossa
Étape 1. Tout d'abord, assurez-vous que tous vos packages système sont à jour en exécutant le apt suivant commandes dans le terminal.
sudo apt update sudo apt upgrade
Étape 2. Installation de Node.js.
Installez Node.js et npm depuis Node Source. Il vous suffit d'ajouter le PPA pour la version que vous souhaitez installer :
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Pour installer, exécutez les commandes ci-dessous :
sudo apt install nodejs
Ensuite, mettez à jour la version npm vers la dernière version en exécutant la commande suivante :
npm install npm@latest -g
Une fois terminé, vérifiez l'installation en exécutant :
node --version npm --version
Étape 3. Installer Angular sur Ubuntu 20.04.
Exécutez les commandes suivantes pour installer l'outil CLI angulaire sur votre système :
npm install -g @angular/cli
Une fois installé, vérifiez la version installée d'Angular à l'aide de la commande suivante :
$ 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 Étape 4. Création d'une nouvelle application angulaire.
Maintenant que nous avons installé Angular, nous pouvons créer un échafaudage de base pour une nouvelle application. Nous utiliserons notre CLI Angular nouvellement installée pour accomplir cela :
ng new idroot
Premièrement, allez dans le répertoire nouvellement créé pour notre application :
cd idroot ng serve --host your-server-ip --port 8088
Étape 5. Accéder à l'interface Web angulaire.
Le projet Angular est déployé et écoute sur le port 8088. Vous pouvez y accéder en utilisant l'URL http://your-server-ip-address:8088 . Vous devriez voir l'écran suivant :
Félicitations ! Vous avez installé Angular avec succès. Merci d'avoir utilisé ce didacticiel pour l'installation d'Angular dans le système Ubuntu 20.04 LTS Focal Fossa. Pour une aide supplémentaire ou des informations utiles, nous vous recommandons de consulter le site Web officiel d'Angular.