Qu’est-ce que Vue.js ?

Vue est un framework JavaScript open source front-end pour la création d’interfaces utilisateur et d’applications monopages sur le web. Créé par Evan You, publié en 2014 et géré par Evan et son équipe de base, Vue se concentre sur le rendu déclaratif et la composition de composants offrant une bibliothèque principale pour la couche de vue uniquement.

Si vous souhaitez créer une application web Vue rendue côté serveur avec des fonctionnalités avancées telles que le routage, la gestion de l’état et les outils de génération, consultez Nuxt.js.

Qu’est-ce qui rend Vue unique ?

Vue utilise une architecture MVMM (Model-View-ViewModel). Evan You, qui a travaillé sur AngularJS au sein de Google, a extrait des parties d’Angular pour offrir un framework plus léger. Vue est à divers titres similaire à React, Angular, Ember, Knockout, etc. Consultez la documentation de Vue pour découvrir une comparaison plus détaillée avec ces autres frameworks JavaScript.

Qu’est-ce que Vue vous permet de faire ?

• Générer une application monopage (SPA)
• Utiliser un composant de Vue pour ajouter une liste de tâches simple à votre application ou rechercher des exemples plus complexes
• Créer un site web rendu côté serveur avec un back-end Node.js, avec l’aide de Nuxt.js

Outils Vue

Vue.js se concentrant uniquement sur la couche de vue, il peut s’avérer nécessaire d’ajouter des outils pour créer une application plus complexe. Vous pouvez envisager d’utiliser les outils suivants :

• Gestionnaire de packages : deux gestionnaires de packages populaires pour Vue sont npm (inclus avec NodeJS) et yarn. Les deux prennent en charge une grande bibliothèque de packages bien gérés qui peuvent être installés.
• Vue CLI : kit de ressources standard pour le développement Vue.js rapide avec prise en charge immédiate de Babel, PostCSS, TypeScript, ESLint, etc.
• Nuxt.js : framework pour rendre possibles les applications Vue.js rendues côté serveur. Le rendu côté serveur peut améliorer l’optimisation du référencement d’un site auprès d’un moteur de recherche et rendre les interfaces utilisateur plus réactives.
• Pack d’extension Vue pour vs Code : ajoute la mise en surbrillance de la syntaxe, la mise en forme du code et des extraits de code à vos fichiers .vue.
• Vuetify : bibliothèque de l’interface utilisateur Vue offrant des composants de framework Material Design.
• Vuesion : ressource Vue réutilisable pour les applications web progressives prêtes pour la production (PWA).
• Storybook : environnement de développement et de test pour les composants d’interface utilisateur Vue.
• Vue Router : prend en charge le mappage des URL d’application aux composants Vue.
• Vue Design System : outil open source permettant de créer des systèmes de conception avec Vue.js.
• VueX : système de gestion d’état pour les applications Vue.

Ressources supplémentaires

• Documentation de Vue
• Vue d’ensemble de Vue.js
• Installer Vue.js sur WSL
• Installer Vue.js sur Windows
• Installer Nuxt.js
• Parcours d’apprentissage Premiers pas avec Vue.js
• Essayez un tutoriel Vue avec VS Code