Installer le framework Angular sur Linux

Nommé au départ AngularJS,  Angular est un framework de développement de pages web repris et développé par Google. Il permet de structurer le code et d’adopter une architecture. Créé en 2009 par Miško Hevery, il fait partie des frameworks qui ont innové dans la partie front-end.

La norme HTML5 finalisée en octoble 2014 a permis la création des composants graphiques indépendants et réutilisables nommés les “Web components“. Le framework Angular qui est sorti en 2016 permet justement de manipuler ces composants Web comme React et d’autres.

NodeJS et NPM à partir du code source de Github

NodeJS vient remplacer des langages comme PHP, JAVA, etc, traditionnellement utilisé côté serveur. Il utilise le JavaScript pour générer des pages web. NPM permet, quand à lui, d’installer des modules. C’est l’équivalent du “Apt-get” sous Linux.

Nous allons installer NodeJS dans sa dernière version. Vous devez vous assurer d’avoir toutes les dépendances requises pour sa compilation avant de l’installer. Mettez à jour les index de votre dépôt local “apt local manager“.

 $ sudo apt update && sudo upgrade -y

Installez les dépendances requises pour le dépôt.

 $ sudo apt install make gcc g++ python wget

Récupérer la dernière version de NodeJS à l’aide de la commande wget.

Pour connaître la dernière version, cliquez ICI.

$ wget https://github.com/nodejs/node/archive/v10.15.3.tar.gz

Nous allons extraire le contenu.

$ tar zxvf v10.15.3.tar.gz

Compilez l’application avant de pouvoir l’installer.

$ cd node-10.15.3
$ ./configure 

Une fois que la compilation est terminée, installez Nodejs.

$ sudo make install

C’est le moment de prendre un café car l’opération sera plus ou moins longue en fonction de la puissance de votre machine

installation de node : pause cafe

Vérifiez la version de votre NodeJS et de NPM.

$ node -v
v10.15.2
$ npm -v
v6.4.1 

Angular-cl

Angular-cli permet de générer du code pour la mise en place d’une application complète. Il utilise le concept d’échafaudage pour générer du code rapidement.

Entrez la commande suivante pour installer Angular-cli sur votre distribution Linux.

$ sudo npm install -g @angular/cli 

Installer Angular

Créez votre nouveau projet.

$ ng new new-project

Patientez quelques minutes que l’installation soit terminée

Entrez dans le répertoire.

$ cd new-project/

Vérifiez la version.

$ ng --version 

Vous êtes maintenant prêt à vous lancer

Lancez votre serveur.

$ ng serve

Accédez à votre application depuis l’adresse http://localhost:4200

angular new project depuis le navigateur
signature Pierre-Christophe

1 Commentaire

  • Tantely 10/02/2018 à 14:34

    Merci beaucoup 😉

    Répondre

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.