Guide du Flux de Développement et de l'Environnement

Ce document fournit des conseils sur les flux de travail de développement recommandés et les paramètres d'environnement pour le projet NuxSaaS.

1. Visual Studio Code

Nous recommandons d'utiliser Visual Studio Code comme éditeur principal pour une expérience de développement optimale. Le projet inclut un dossier .vscode avec des paramètres et recommandations spécifiques à l'espace de travail.

2. Extensions

Le fichier .vscode/extensions.json liste les extensions recommandées pour ce projet. Lorsque vous ouvrez le projet dans VS Code, il se peut que l'on vous propose d'installer ces extensions. Les recommandations typiques incluent :

Vue - Officiel : Support du langage pour Vue
Tailwind CSS IntelliSense : Outils intelligents pour Tailwind CSS dans VS Code
ESLint : Intègre ESLint JavaScript dans VS Code.
Vitest : Explorateur de tests Vitest pour VS Code
Iconify IntelliSense : Aperçu intelligent et recherche d'icônes Iconify pour VS Code
close-git-unmodified : Ferme les fichiers dans l'éditeur qui ne sont pas modifiés dans Git.

3. Paramètres de l'Espace de Travail

Le fichier .vscode/settings.json contient des paramètres spécifiques à l'espace de travail pour garantir la cohérence du code et améliorer la productivité.

3.1 Correction Automatique ESLint à l'Enregistrement

Avant d'enregistrer un fichier, ESLint vérifiera automatiquement les éventuels problèmes. correction à l'enregistrement avant

Après l'enregistrement du fichier, ESLint corrigera automatiquement les problèmes détectés. correction à l'enregistrement après

Vous pouvez facilement maintenir un style de code cohérent grâce à la fonctionnalité de correction automatique d'ESLint.

3.2 Règles ESLint Personnalisées

Vous pouvez facilement ajouter vos propres règles personnalisées en modifiant le fichier eslint.config.mjs.

4. Débogage

Le fichier .vscode/launch.json fournit des configurations de débogage préconfigurées. Vous pouvez démarrer une session de débogage en sélectionnant une configuration dans le panneau "Exécuter et Déboguer". Les configurations typiques peuvent inclure :

Lancement du serveur de développement Nuxt avec le débogage activé
Attachement à un processus Node.js en cours d'exécution
Débogage de fonctions serverless ou de routes API

development-debugging

Guide du Flux de Développement et de l'Environnement ​

1. Visual Studio Code ​

2. Extensions ​

3. Paramètres de l'Espace de Travail ​

3.1 Correction Automatique ESLint à l'Enregistrement ​

3.2 Règles ESLint Personnalisées ​

4. Débogage ​