CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Création d'une Application Vue.js avec Vue CLI

Création d'une Application Vue.js avec Vue CLI

Introduction
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Je m'abonne
Transcription
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à Vue CLI et Webpack

Objectifs

À la fin de cette vidéo, vous serez en mesure de :

  • Installer et configurer Vue CLI sur votre système.
  • Créer et structurer un projet Vue.js utilisant Webpack.
  • Comprendre les bases de la gestion des composants avec Vue CLI.

Résumé

Apprenez à créer des applications Vue.js avancées en utilisant Vue CLI et Webpack.

Description

Dans cette leçon, vous allez apprendre à créer des applications Vue.js en utilisant Vue CLI et Webpack. Jusqu'à présent, vous avez écrit des applications Vue à la main, en incluant tous vos fichiers dans une seule page HTML. Cette méthode convient pour les petits projets, mais devient vite peu pratique pour des projets de plus grande envergure. Vue CLI offre un environnement intégré pour gérer des projets complexes, permettant de séparer chaque composant Vue.js dans des fichiers distincts. Vous apprendrez également à utiliser Babel pour écrire du code en ES6.

Vue CLI est un outil en ligne de commande qui intègre tout ce dont vous avez besoin pour structurer votre application avec une approche composant. Nous utilisons Webpack comme module bundler pour organiser et gérer automatiquement vos fichiers JavaScript, HTML, CSS, images et polices en modules, simplifiant ainsi le développement et la maintenance de votre projet. Suivez les instructions pas à pas pour installer Vue CLI, créer un nouveau projet et exécuter votre application localement.

Cette vidéo vous guide à travers l'installation de Vue CLI, la configuration de votre environnement de développement, et la création de votre première application Vue.js. Vous allez également découvrir comment vérifier les versions des outils installés et comment mettre à jour Vue CLI si nécessaire.

Voir plus

Questions fréquentes

Quelle commande permet d'installer Vue CLI globalement sur votre système ?
La commande pour installer Vue CLI globalement est : npm install -g @vue/cli.
Comment vérifier la version installée de Vue CLI ?
Vous pouvez vérifier la version de Vue CLI installée en utilisant la commande : vue --version.
Quelle commande utilise-t-on pour créer un nouveau projet Vue avec Vue CLI ?
Pour créer un nouveau projet, vous utilisez la commande : vue create [nom-du-projet].

Programme détaillé