Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

HTML5 : Optimisation des flux de production

Installer Gulp

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous pourriez continuer ainsi et tout écrire en JavaScript. Mais il existe des outils qui vous permettront de gérer le tout avec efficacité. Installez Gulp puis découvrez ainsi cet outil.
05:01

Transcription

Nous pourrions continuer à écrire un JavaScript, Utiliser Node et NPM de cette manière. Mais on va voir qu’il existe des outils qui nous permettent D’intégrer tout cela de manière transparente, Et d’aller beaucoup plus vite. Alors ici le premier que l’on va voir c’est Gulp. Ici on va pouvoir venir le découvrir depuis son site, Et puis surtout le mettre en application. Alors dès qu’on va sur le guide on s’aperçoit, Qu’on a ici un Première chose à faire c’est venir sur la console, Et de s’assurer de la version de Gulp qui serait installée. Donc si je tape gulp –v On me dit que Gulp n’est pas installé sur la machine. Effectivement Gulp n’a pas été installé sur cette machine de manière directe, Il a été installé de manière cli, Quelle est la différence entre Gulp et Gulp.cli ? CLI ça veut dire Commande Line Interface. C'est-à-dire que Gulp va être présent sur la machine, D’un point de vue ligne de commande, Donc la machine va comprendre ce qu’on lui dit en Gulp, Et pourra exécuter éventuellement des tâches Gulp, Mais pas forcément Gulp lui-même. C'est-à-dire que Gulp va être installé de deux manières. De manière générale sur la machine, On va installer ce que l’on appelle les lignes de commande Gulp, Qui va nous permettre de pouvoir, depuis n’importe quel emplacement De l’arborescence où l’on se situerait, Interroger Gulp. Mais par contre on va installer de manière locale, Dès qu’on en aura besoin, projet par projet, La version de Gulp qui sera nécessaire. Installons directement ceci. Ce qu’on va faire, vous voyez ici Npm install --global gulp.cli Donc on demande d’installer de manière globale La ligne de commande de Gulp. Alors je ne le fais pas parce que je l’ai déjà installé sur ma machine. Alors je dirais, il est déjà installé. Et vous pouvez faire exactement la même chose sur Macintosh. Et là également, On va s’apercevoir que l’on a la version cli qui a été installée. Donc tout ce qu’on va faire, Je ne vais pas sans arrêt le faire, et sous Mac et sous Windows, C’est exactement pareil. C’est vraiment que lors de différences Que je vous inviterai à vous rapprocher soit d’une plateforme soit de l’autre. Ici ce qu’on va faire une fois que ceci a été fait, C’est qu’on va se déplacer directement dans le dossier du projet. Donc ici on va être dans le dossier 4, De créer un npm init, Ici on va se rapprocher de sublime texte, Je vais fermer ces deux dossiers et ouvrir celui-ci. Et voilà on aura créé un dossier qui s’appelle pem-gulp, Et vous voyez vous avez ici la même description Que celle qu’on aurait dans n’importe quel package JSON. Sauf que cette fois-ci maintenant on va revenir Dans notre partie installation, Et on va faire maintenant cette fois-ci, On va demander à NPM, D’installer Gulp, install. Alors on va faire un install gulp. Mais on va rajouter quelques lignes d’instructions, Qui vont être de dire, on va faire un save-dev ici. Qu’est-ce qu’on va faire ? On va demander de venir sauvegarder Ce fichier ici, L’installation de Gulp au niveau du développement, On va créer une dépendance sur le développement. Je vais revenir sur cette explication. On va lancer cette installation Qui va se procéder, qui va prendre un certain temps. Vous voyez qu’un premier document est arrivé ici. node_modules Qu’est-ce que ce dossier node_modules ? Si je l’ouvre regardez vous avez Gulp à l’intérieur, C'est-à-dire que j’ai dit, Je souhaite installer Gulp pour ce projet. Et donc Node Package Manager, Va chercher tout le dossier Gulp nécessaire Avec bien entendu tous les éléments Qui vont servir à cette extension, à ce package ici. Ils vont être installés localement sur cette machine. Et comme je lui ai dit Sauvegarde les dépendances Puisque chaque fois que je vais développer, je vais en avoir besoin. Ici Node Package Manager est venu enregistrer un devDependencies, En disant moi je viens d'installer la version Gulp 3.9.1 Qui est nécessaire pour ce projet, je le sauvegarde. Tout simplement ici relié depuis cette installation Qui vient d’être faite depuis la ligne de commande. On va aller juste un tantinet plus loin pour ce projet ici, Si je nettoie cet élément-là, Je retourne dans le dossier. Et regardez, je vais jeter le node_modules, Je jette tout ce qui a été fabriqué depuis Windows. Donc je n’ai plus que mon package JSON qui est installé. Puisque dans ce paquet JSON, J'ai sauvegardé les dépendances dont j’ai besoin, Si je reviens en ligne de commande et que je fais, Puisque je suis dans ce dossier-là, npm install, Je lui dis installe-moi ce que tu as besoin depuis NPM. Il part, il trouve le package JSON, Il va le lire, il sait ce dont il a besoin, Et il va réinstaller tout ce qui est nécessaire. Ce qui fait que maintenant il suffit que vous transfériez À votre collaborateur de travail, Ce package JSON, Et tout va pouvoir s’installer, se configurer Comme si vous étiez sur votre propre machine de développement, Tout se réinstalle comme nécessaire.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !