Comment installer npm proprement

npm

Mais qu’est que npm?

Npm est le gestionnaire de paquets de Node.js. Node.js est un serveur, basé sur le moteur V8 de chrome qui permet d’interpréter du code javascript coté serveur. Grace à npm vous pouvez installer des paquets et leurs dépendances. Aujourd’hui node et npm sont aussi utilisés par les développeurs webs comme suite d’outils de développement. En effet, beaucoup de dévelopeurs web développent des outils en javascript et les publient sur npmjs

Installation

Pour installer node et npm, il suffit de taper une des commande suivante.

Pour les systèmes Linux Debian et Ubuntu curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -

sudo apt install -y nodejs

Pour les systèmes Linux à base de RPM curl -sL https://rpm.nodesource.com/setup_10.x | bash -

Sous macOS curl "https://nodejs.org/dist/latest/node-${VERSION:-$(wget -qO- https://nodejs.org/dist/latest/ | sed -nE 's|.*>node-(.*)\.pkg</a>.*|\1|p')}.pkg" > "$HOME/Downloads/node-latest.pkg" && sudo installer -store -pkg "$HOME/Downloads/node-latest.pkg" -target "/"

Ou si vous utilisez homebrew sur macOS brew install node

Si vous êtes sous Windows, vous pouvez utiliser le “sous-système Windows pour Linux” qui vous permet d’utiliser l’ensemble des commandes Linux.

Sinon, et dans tous les autres cas, vous pouvez simplement télécharger le fichier d’installation ici

Comme on nous l’a signalé sur twitter, vous pouvez aussi utiliser nvm. Nvm est un gestionnaire de version de node.js. Vous trouverez plus d’informations par ici

Installer le global localement

Quand vous installez des paquets via npm, si vous ne précisez rien, ils seront installés dans le dossier actuel, généralement du projet en cours. Certains paquets, notamment les outils doivent s’installer globalement avec l’option -g. Pour éviter que ceux-ci s’installent dans un dossier système et exigent l’accès root, vous pouvez:

  • créer un dossier dédié mkdir ~/.npm-global
  • Configurer npm pour utiliser ce dossier npm config set prefix '~/.npm-global'
  • Ajouter cette ligne à votre fichier .profile ou .bashrc export PATH=~/.npm-global/bin:$PATH
  • Mettre à jour les variables source ~/.profile

Utilisation

Installer un paquet

Globalement vous avez trois façon d’installer un paquet via npm :

  • npm install -g XYZ Vous permet d’installer une nouvelle commande. Meteor, yarn, yeoman par exemple.
  • npm install XYZ Vous permet d’ajouter un paquet au projet en cours. Il est automatiquement ajouté au fichier package.json dans le dossier en cours
  • npm install –save-dev XYZ Vous permet d’ajouter un paquet au projet en cours qui servira uniquement pendant le developpement du projet

Lancer un projet

Quand vous récupérez un projet, généralement vous devrez lancer les commandes suivantes:

  • npm install Installe toutes les dépendances du fichier package.json

Les commandes suivantes sont définies dans le package.json, le nom peut varier:

  • npm start Généralement le script complet pour compiler et lancer le projet
  • npm run dev Pour lancer le projet en version développement
  • npm run build Pour lancer la construction du site.

Quelques paquets sympas

  • yarn est un gestionnaire de paquet un peu plus efficace qu’npm
  • gulp est un outil pour assembler une page
  • yo (yeoman) est un outil pour préparer le dossier pour un nouveau projet

npm install -g yarn yo npm i -D gulp gulp-util gulp-plumber gulp-WHATEVER

Note : npm i -D == npm install –save-dev

Voilà. Si vous avez des questions, écrivez-nous ! @LesBricodeurs