C'est bien beau d'avoir tous ces outils disponibles pour optimiser son développement, mais comment en profiter ?
Avec NPM !
Découvrez NPM
Qu'est-ce qu'un module ?
Un module est un bout de code écrit par quelqu'un (peut-être bientôt par vous !) et qui résout une problématique commune à beaucoup de développeurs : comme un parser XML, un générateur d'uuid (des identifiants uniques), un router, un framework de rendu HTML, etc.
Afin qu'ils puissent être utilisés par tout le monde, ces modules sont publiés dans un gestionnaire de paquets, en l'occurrence ici, NPM. Voyons comment cela fonctionne...
Installez NPM
NPM est compris dans Node.js, qui est un programme permettant d'écrire des applications en JavaScript. Il suffit donc de se rendre sur la page de téléchargement de Node.js et d'installer Node.js afin de profiter de NPM.
Initialisez votre projet
NPM nécessite un fichier nommé package.json
afin d'avoir des informations sur votre projet : son nom, sa version, les modules à installer, etc.
Vous pouvez le créer manuellement ou bien utiliser la commande suivante pour le créer plus facilement :
npm init
Installez un module
Pour installer un nouveau module c'est très simple, il suffit de faire :
npm install <module_name> --save-dev
--save-dev
signifie que l'on souhaite que NPM sauvegarde cette dépendance dans le fichier package.json
en tant que dépendance de développement. Il existe aussi --save
qui ajoute la dépendance en tant que dépendance de production.
Lorsque vous clonez votre projet pour la première fois depuis un repository git, vous pourrez exécuter :
npm install
Cette commande va installer toutes les dépendances de votre projet qui ont été ajoutées dans le fichier package.json
. Ce fichier est très utile pour mémoriser et installer tous les modules dont dépend votre projet !
En résumé
Dans ce chapitre, vous avez appris :
Qu’un module vous permet de séparer votre code dans d’autres fichiers afin de pouvoir le réutiliser plus facilement ;
Que vous allez pouvoir intégrer des dépendances à votre projet avec NPM ;
Comment installer NPM ;
Comment installer des dépendances avec NPM.
Maintenant que vous comprenez mieux comment on peut gérer nos dépendances, passons à la pratique pour optimiser notre code !