Bonjour, J'ai entendu dire que si j'installe Node.js sur mon PC, je peux mieux organiser et automatiser mon travail de programmation et de développement web en installant et en utilisant divers paquets NPM....
J'ai quelques questions:
- Pouvez-vous nous expliquer comment vous installez NodeJS et npm sur PHPStorm et peut-être nous donner quelques trucs et astuces sur l'automatisation du travail afin de faciliter le processus de développement ?
- Avez-vous des paquets npm préférés que vous recommanderiez ?
- Peut-être quelques paquets npm que vous utilisez quotidiennement ? Comme le rafraîchissement automatique du navigateur ?
Merci de votre attention !
Bonjour,
Tout d'abord, vous devez installer node.js sur votre PC (téléchargement à partir de ICI) ; pour vérifier s'il est correctement installé, vous devrez vérifier la version de node js dans cmd (ou dans PHPStorm) en tapant :
node -v
Ensuite, dans votre dossier de projet, en utilisant le terminal de PHPStorm (ou le cmd de Window) vous devez initialiser npm. Dans le type de terminal :
npm init -y
Dans votre dossier de projet, cela créera node_modules avec tous les paquets que vous installez. Il créera également package.json avec les informations sur les dépendances. Le fichier de Npm package.json est une sorte de recette/liste d'épicerie de notre projet avec les dépendances des paquets npm que vous installez.
Ensuite, pour installer un paquet npm, tapez dans le terminal :
npm install lodash
Dans ce cas lodash est le nom du paquet. Voici un autre exemple (installation de normalize.css) :
npm install normalize.css
...ou installer quelques paquets npm nécessaires séparés par des espaces :
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Tous ces paquets proviennent de https://www.npmjs.com - vous pouvez y rechercher un forfait qui vous intéresse.
Pour lancer npm, vous devez taper
npm run dev
Pourquoi NPM est-il important pour notre projet ?
Par exemple, s'il arrive quelque chose à notre PC (une sorte de panne), nous pouvons toujours récupérer notre projet en clonant le projet depuis GitHub (apprendre à utiliser GitHub et Git avec l'IDE PHPStorm) et après avoir cloné le projet - le package.json (le résumé de notre projet) sera à l'intérieur et après avoir tapé dans le terminal npm install tous les paquets npm seront à nouveau installés/récupérés ! Génial 🙂 .
Voici quelques paquets npm que j'utilise avec PHPStorm:
Utiliser sans hésiter serveur webpack-devVoici comment installer ce paquet npm d'automatisation. Tapez simplement :
npm install webpack-dev-server --save-dev
Pour le chargement paresseux des images que j'utilise : lazyzes
Vous pouvez l'installer en tapant :
npm install lazysizes
