portfolio/.devcontainer/README.md

Dev Container Configuration

Ce dossier contient la configuration du Dev Container pour le projet Portfolio.

🚀 Fonctionnalités

• Node.js 20 avec TypeScript pré-installé

• Extensions VS Code automatiquement installées :

  • ESLint
  • Prettier
  • Tailwind CSS IntelliSense
  • React snippets
  • Path IntelliSense
  • Auto Rename Tag

• Configuration automatique :

  • Format à la sauvegarde avec Prettier
  • Correction ESLint automatique
  • Support TypeScript complet
  • Support Tailwind CSS

• Port forwarding :

  • Port 5173 (Vite dev server) automatiquement exposé

📋 Prérequis

• Docker installé et en cours d'exécution
• VS Code avec l'extension "Dev Containers" installée

🏃 Utilisation

1. Ouvrir le projet dans VS Code
2. Cliquer sur le popup "Reopen in Container" ou utiliser la commande :
   • Cmd+Shift+P → "Dev Containers: Reopen in Container"
3. Attendre que le container se construise (première fois seulement)
4. Les dépendances npm seront installées automatiquement
5. Lancer le serveur de dev avec npm run dev

🔧 Personnalisation

Pour modifier la configuration :

• Éditer .devcontainer/devcontainer.json
• Reconstruire le container : Cmd+Shift+P → "Dev Containers: Rebuild Container"