Découvrir Vue.js 2

Créer l'environnement de travail

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Pour coder avec Vue.js 2, vous devrez installer et utiliser un éditeur de texte, un navigateur Internet et quelques outils en console.
02:37

Transcription

Notre environnement de travail pour faire du Vue JS étant donné que c’est du JavaScript, on ne va pas avoir besoin de grand-chose mais on va quand avoir besoin de quelques logiciels. On a besoin d’un éditeur de texte alors pour ma part, je vais utiliser Visual Studio Code, je vous conseille cet éditeur parce que pour le JavaScript, c’est très bien, il y a énormément d’autocomplétions possibles, je vous conseille également d’aller chercher dans les plugins, le plugin qui vous permet d’avoir les snippets pour Vue 2. Alors ces snippets, qu’est-ce ça vous permet d’avoir en plus ? Bien, tout simplement tout un tas de bouts de codes directement intégrés qui vous permettront d’aller plus vite alors notamment, vous verrez qu’on peut tout de suite créer des directives, de la configuration, etc., des mixins, enfin voilà, pas mal de choses directement avec les snippets. Ça peut être intéressant de les installer, c’est rapide et puis, pour le coup, vous les aurez, alors il suffira juste de recharger votre éditeur, vous allez voir que ça se fait très vite, ça se recharge très rapidement, et à partir de là, vous êtes OK, vous avez ces snippets d’installés, il n'y a pas de problème. On utilisera également une console. Alors pourquoi est-ce qu’on va utiliser une console ? Parce qu’on va avoir besoin de NPM. Alors, je vous conseille de vérifier que vous avez bien NPM d’installé en tapant "npm –v" pour avoir la version de votre NPM. Si vous n’avez pas NPM d’installé, ça veut dire que vous n’avez pas non plus Node d’installé "node –v" pour avoir la version, à ce moment-là, installez sur votre machine Node.js qui vous permettra d’avoir NPM. NPM sera très utile dans l’univers JavaScript parce que c’est utilisé pour les installations de paquets dits "vendors" alors "vendor" ça veut dire que ce sont des paquets créés, qu’on va pouvoir utiliser, et là, bien on en aura, il faudra en installer, donc utilisez NPM, installez Node si ce n’est pas le cas. On aura également besoin évidemment d’un navigateur parce qu’on testera nos pages dans un navigateur. Alors je vous conseille le navigateur Chrome qui, pour le coup, dispose d’un panneau développeur qui est plutôt bien fait et qui va nous permettre de pouvoir travailler convenablement. Si vous voulez activer le panneau développeur, vous pouvez aller dans les trois petits points qui se trouvent là Plus d’outils et Outils de développement et vous aurez le raccourci clavier qui s’affichera, ici. Ce panneau développeur est important puisqu’on l’utilisera assez souvent, notamment la console qui est ici qui est extrêmement intéressante qui va nous permettre de travailler sur notre projet Vue JS. Donc on récapitule : un éditeur de texte, une console avec Node.js et NPM d’installés et enfin, un navigateur avec les outils développeurs d’activés, ce sera beaucoup plus sympa comme ça.

Découvrir Vue.js 2

Animez et rendez réactive la vue d’une application web avec le framework Vue.js. Mettez en place les interfaces web de demain​ ​et utilisez les librairies externes de votre choix.

2h25 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Vue.js Vue.js 2.1
Spécial abonnés
Date de parution :14 févr. 2017

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 !