Outils de développement

Navigateur

Extensions

Afin d’améliorer votre environnement de développement, nous vous recommandons d’installer les extensions suivantes :

• Vue Devtools : permet d’inspecter la structure de vos applications ainsi que les composants, leurs propriétés, les événements, les différents plugins, etc.
• axe DevTools : permet d’analyser l’accessibilité de vos applications
• Nimbus capture : permet d’enregistrer des vidéos ainsi que des captures d’écran de votre navigateur

Éditeur

Nous vous recommandons l’utilisation de Visual Studio Code comme éditeur.
Cet éditeur est gratuit, léger, performant et a une des meilleures intégrations avec Vue.js.

Extensions

Afin d’améliorer le confort d’utilisation, nous vous recommandons d’installer les extensions suivantes :

• Vetur : ajoute des fonctionnalités liées à Vue.js
• Eslint : intègre ESLint, utilisé pour la mise en forme automatique
• EditorConfig for VS Code : permet de configurer l’éditeur en fonction de la configuration des projets
• Code Spell Checker : ajoute la correction orthographique
• French - Code Spell Checker : ajoute le dictionnaire français pour la correction orthographique
• Auto Close Tag : permet de gérer automatiquement les balises de fermeture
• Material Icon Theme : permet d’ajouter des icônes pour les dossiers et les fichiers

Configuration de la mise en forme automatique

Pour activer la mise en forme automatique, vous devez configurer l’option Eslint > Format: Enable dans les paramètres de VS Code, ou ajouter "eslint.format.enable": true dans le fichier settings.json.

Logiciels

• GitKraken : client Git puissant avec interface graphique