Salve, ho sentito dire che se installo Node.js sul mio PC posso organizzare e automatizzare meglio il mio lavoro di programmazione e sviluppo web installando e utilizzando vari pacchetti NPM...
Ho alcune domande:
- Puoi per favore condividere come installi NodeJS e npm su PHPStorm e magari qualche trucco/hack sull'automazione del lavoro in modo che il processo di sviluppo sia più facile?
- Avete dei pacchetti npm preferiti che consigliereste?
- Forse alcuni pacchetti npm che si usano quotidianamente? Come il refresh automatico del browser?
Grazie!
Ciao,
Innanzitutto è necessario installare node.js sul PC (scaricare da QUI); per verificare se è installato correttamente, è necessario controllare la versione di node js in cmd (o in PHPStormdel terminale) digitando:
node -v
Quindi, nella cartella del progetto, utilizzando il terminale dell'PHPStorm (o il cmd di Window) è necessario inizializzare npm. Nel tipo di terminale:
npm init -y
Nella cartella del progetto verrà creato nodo_moduli con tutti i pacchetti che si stanno installando. Verrà inoltre creato pacchetto.json con le informazioni sulle dipendenze. Il file di Npm pacchetto.json è una sorta di ricetta/elenco della spesa del nostro progetto con le dipendenze dei pacchetti npm che si stanno installando.
Quindi, per installare un pacchetto npm digitate nel terminale:
npm install lodash
In questo caso lodash è il nome del pacchetto. Ecco un altro esempio (installazione di normalize.css):
npm install normalize.css
...o installare un paio di pacchetti npm necessari separati da uno spazio:
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Tutti questi pacchetti provengono da https://www.npmjs.com - è possibile cercare un pacchetto di proprio interesse.
Per eseguire npm si deve digitare:
npm run dev
Perché NPM è importante per il nostro progetto?
Per esempio, se succede qualcosa al nostro PC (una sorta di crash), possiamo recuperare sempre il nostro progetto clonando il progetto da GitHub (imparare a utilizzare GitHub e Git con l'IDE PHPStorm) e dopo aver clonato il progetto, il file pacchetto.json (il file resipe del nostro progetto) sarà all'interno e dopo aver digitato nel terminale installare npm tutti i pacchetti npm saranno installati/recuperati di nuovo! Ottimo! 🙂
Ecco alcuni pacchetti npm che uso con PHPStorm:
Utilizzare sicuramente webpack-dev-serverEcco come installare questo grande pacchetto npm di automazione. Basta digitare:
npm install webpack-dev-server --save-dev
Per il caricamento pigro delle immagini sto usando: dimensioni pigre
È possibile installarlo digitando:
npm install lazysizes
