44 lines
1.2 KiB
Markdown
44 lines
1.2 KiB
Markdown
# 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"
|