Hoi,

Ten eerste moet je node.js installeren op uw pc (download van HIER); Om te controleren of het goed is geïnstalleerd, moet u node js-versie controleren in cmd (of in PHPStormterminal) door te typen:

node -v

Dan, in je project map met behulp van PHPStorm's terminal (of het venster cmd) moet je npm initialiseren. In de terminal type:

npm init -y

In je projectmap maakt dit knooppuntmodules map met alle pakketten die je installeert. Het zal ook pakket.json bestand met de afhankelijkheidsinformatie. Npm's bestand pakket.json  is een soort recept/kruidenierslijst van ons project met de afhankelijkheden van npm-pakketten die je installeert.

Typ vervolgens in de terminal om een npm-pakket te installeren:

npm install lodash

In dit geval lodderig is de naam van het pakket. Hier is nog een voorbeeld (normalize.css installeren):

npm install normalize.css

...of installeer een paar noodzakelijke npm-pakketten, gescheiden door spaties:

npm install postcss-simple-vars postcss-nested autoprefixer --save-dev

Al deze pakketten komen van https://www.npmjs.com - daar kun je zoeken naar een pakket waarin je geïnteresseerd bent.

Om npm uit te voeren moet je typen:

npm run dev

Dus waarom is NPM belangrijk voor ons project?

Als er bijvoorbeeld iets met onze pc gebeurt (een soort crash), kunnen we altijd herstellen ons project door het project te klonen van GitHub (GitHub en Git leren gebruiken met PHPStorm IDE) en na het klonen van het project - de pakket.json bestand (het resipe van ons project) zal zijn en na het typen in de terminal npm installeren worden alle npm-pakketten opnieuw geïnstalleerd/hersteld! Geweldig! 🙂

Hier zijn enkele npm-pakketten die ik gebruik met PHPStorm:

Zeker gebruiken webpack-dev-serverHier wordt uitgelegd hoe je dit geweldige npm-pakket voor automatisering installeert. Typ gewoon:

npm install webpack-dev-server --save-dev

Voor het lui laden van de afbeeldingen gebruik ik: lazysizes

Je kunt het installeren door te typen:

npm install lazysizes