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 Grunt

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Grunt vous permet de créer rapidement des tâches et de les gérer. Son utilisation dépendra de la disponibilité des tâches répondant à vos besoins.
03:11

Transcription

Explorons un autre automatiseur de tâches, Cette fois-ci approchons-nous de Grunt. Alors souvent Grunt et Gulp sont comparés, Grunt était un des premiers automatiseurs de tâches qui soit apparu, Et puis Gulp est soi-disant devenu meilleur, mieux adapté, etc. En fait que nenni, Tout va dépendre des plug-ins que vous auriez à disposition, Et surtout des tâches que vous devrez à accomplir, Et ce que vous allez pouvoir trouvez soit chez Grunt, soit chez Gulp, Pour pouvoir adapter. Donc on va alternativement travailler avec l’un ou l’autre, Et avant de pouvoir travailler avec, On va commencer par regarder son installation. Depuis la console de commande, on va taper un grunt –v pour voir, Et on va s’apercevoir que cela nous crée une erreur. Parce qu’en fait Et il va falloir faire un grunt –version cette fois-ci Pour pouvoir comprendre la version qui est installée ici, Pour pouvoir la visualiser. On s’aperçoit ici que c’est un grunt-cli qui est installé, En version 1.2.0 Et là-dessus je vous conseille d’installer le cli, Plutôt que le Grunt de manière globale, De façon à pouvoir ensuite, Projet par projet, installer différentes versions de Grunt, En fonction de ce que vous auriez besoin. Donc ici on va faire un npm directement install, grunt-cli Et on va l’installer de manière globale avec un –g ici, De façon à pouvoir y accéder depuis n’importe quel emplacement, Que nos projets seront localisés sur notre disque dur. Une fois l’installation de Grunt réalisée, On va regarder du côté de notre projet ici, Et si on regarde sur le projet, On va se retrouver avec un dossier qui contient un package JSON, Et donc on va pouvoir venir travailler directement sur ce package. Bien entendu, si vous n’avez pas de package JSON, Pensez à faire un npm init, Pour pouvoir initialiser un projet et donc créer ce package JSON, Afin de pouvoir maintenant venir travailler de manière locale. Première chose à faire c’est récupérer l’adresse En tant que texte sur cet élément. On va déplacer le pointeur de la ligne de commande sur ce dossier ici, Et maintenant on va pouvoir créer un npm install, directement, Puisqu’on a un package JSON qui est présent dans ce dossier. Rien n’a été installé parce que le package JSON, Ne va décrire simplement que le projet, Numéro de version et l’auteur ainsi que la licence. Ce qu’on va faire ici maintenant, Ça va être, on va venir faire un npm install, Cette fois on va installer Grunt de manière locale ici, Et on pense à faire un save-dev Ici afin de pouvoir récupérer le package Grunt localement, Et mettre à jour le fichier package JSON. Donc on peut commencer à basculer dans le dossier. On va s’apercevoir qu’un dossier node_modules a été mis en place ici, Qui va charger le Grunt, Et le package JSON qui s’est mis à jour, Prêt à être utilisé maintenant avec la version 1.0.1 Qui est la version de développement sur l’éditeur ici, Qui s’est installé comme dépendance. Une installation .cli au niveau global Et une installation locale à chaque fois Qu’on va avoir besoin de faire appel au service de Grunt.

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 !