Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
prog:outils:gulp [17/09/2019 19:00] thierry [Installation] |
prog:outils:gulp [06/02/2020 17:23] (Version actuelle) thierry [Liens] |
||
|---|---|---|---|
| Ligne 2: | Ligne 2: | ||
| GULP est un taskrunner, il sert à automatiser des tâches répétitives. | GULP est un taskrunner, il sert à automatiser des tâches répétitives. | ||
| ===== Installation ===== | ===== Installation ===== | ||
| - | Prerquis : [[prog:javascript:nodejs|NodeJs]] doit etre installé | + | Prérequis : [[prog:nodejs:nodejs|NodeJs]] doit etre installé |
| <code> | <code> | ||
| > npm init -y | > npm init -y | ||
| Ligne 8: | Ligne 8: | ||
| </code> | </code> | ||
| - | Plus en détails ''npm init -y'' créé un fichier package.json dans le répertoire de travail. | + | ==== Initialisation de NPM ==== |
| + | |||
| + | Plus en détails... ''npm init -y'' créé un fichier package.json dans le répertoire de travail. | ||
| <code javascript>X:\wiki\test>npm init -y | <code javascript>X:\wiki\test>npm init -y | ||
| Wrote to X:\wiki\test\package.json: | Wrote to X:\wiki\test\package.json: | ||
| Ligne 24: | Ligne 26: | ||
| "license": "ISC" | "license": "ISC" | ||
| }</code> | }</code> | ||
| + | ==== Installation de GULP ==== | ||
| Ensuite ''npm i -D gulp'' lance l'installation de GULP. | Ensuite ''npm i -D gulp'' lance l'installation de GULP. | ||
| - | Ça mouline pendant de longues minutes (au temps de l'ADSL). | + | Ça mouline pendant de longues minutes //(1372 secondes, 23 minutes... au temps de l'ADSL).// |
| Ca nous créé un répértoire ''node_modules'' contenant plein de fichiers probablement utiles a GULP. | Ca nous créé un répértoire ''node_modules'' contenant plein de fichiers probablement utiles a GULP. | ||
| Ligne 47: | Ligne 50: | ||
| ==== Liens ==== | ==== Liens ==== | ||
| * [[https://blog.soat.fr/2016/08/comment-bien-organiser-son-projet-angular-execution/]] | * [[https://blog.soat.fr/2016/08/comment-bien-organiser-son-projet-angular-execution/]] | ||
| + | * [[https://frenchco.de/article/Livereload-avec-Gulp|Utiliser LiveReload avec GULP pour recharger les pages web dés qu'on fait un save]] | ||
| ==== Vidéos ==== | ==== Vidéos ==== | ||