Démarrer avec Vue CLI

  • 2 minutes

Vue CLI fournit une suite d’outils pour le développement, notamment la génération de modèles automatique de projet, un serveur de développement et le prototypage rapide. Il vous aide à créer rapidement une application de démarrage, ce qui vous permet de vous concentrer sur le codage, et non pas sur la configuration des bibliothèques et d’autres paramètres.

Amorçage

L’utilisation principale de Vue CLI est de commencer une application. Le script create fournit un assistant où vous pouvez choisir parmi quelques-unes des configurations les plus courantes, notamment :

  • Options de linting : garantir que tout le code apparaisse cohérent. Ces options peuvent également aider à détecter des erreurs.
  • Type d’application : choisir s’il faut ajouter la prise en charge des applications web progressives.
  • Prise en charge de Babel : le travail de Babel est de convertir une syntaxe JavaScript plus récente en formes plus anciennes de JavaScript, pour le cas où votre application doit être utilisée dans des navigateurs plus anciens.
  • Langage : choisir JavaScript ou TypeScript. Les deux options conviennent, mais TypeScript, parmi d’autres fonctionnalités, offre des types et peut être un bon choix à mesure que votre application croît. Vue lui-même est écrit en TypeScript.

Processus de génération

Vue CLI est conçu pour fonctionner avec des composants Vue monofichiers, c’est-à-dire des fichiers .vue. Un bundler de module ou bundler gère le processus de conversion de la syntaxe spécialisée des fichiers .vue en code JavaScript, HTML et CSS approprié, de sorte que les navigateurs puissent lire les fichiers.

Vue CLI utilise webpack comme bundler par défaut. La configuration par défaut de webpack fonctionne pour la plupart des scénarios. En utilisant Vue CLI, vous pouvez passer les étapes nécessaires pour configurer un bundler et utiliser à la place la configuration fournie.

Serveur de développement

Le développement de n’importe quel type d’application nécessite des essais et erreurs. Vous allez apporter quelques modifications, charger la page dans le navigateur, la tester, puis faire quelques modifications supplémentaires. Ensuite, vous allez répéter ce processus jusqu’à ce que tout se comporte comme vous l’attendez.

Vous voulez réduire au minimum le nombre d’étapes impliquées dans ce processus. Pour simplifier le développement, Vue CLI inclut un serveur de développement. Chaque fois que vous enregistrez un fichier, le serveur de développement détecte les modifications apportées aux fichiers, regénère le projet (ou recrée un bundle du projet) et vous permet de tester la page dans le navigateur.