Guide : Installer et Configurer Visual Studio Code pour Développer en HTML, CSS, PHP et MySQL
Étape 1 : Installer Visual Studio Code
- Télécharger Visual Studio Code depuis le site officiel : [Link]
- Installer VS Code en suivant les instructions par défaut.
Étape 2 : Installer PHP
- Télécharger PHP depuis : [Link]
- Décompresser PHP dans un dossier sur votre ordinateur (par exemple : C:\php).
- Ajouter le chemin du dossier PHP dans les Variables d'environnement (PATH) de Windows.
OU (plus simple) :
- Installer XAMPP ou WAMP (pack complet : Apache + PHP + MySQL + PhpMyAdmin).
- Télécharger XAMPP ici : [Link]
Étape 3 : Installer les Extensions Visual Studio Code
1. Live Server
- Ouvrir VS Code.
- Aller dans Extensions (Ctrl + Shift + X).
- Rechercher "Live Server" (par Ritwick Dey).
- Installer l'extension.
2. PHP Server
- Toujours dans Extensions.
- Rechercher "PHP Server" (par brapifra).
- Installer l'extension.
3. PHP Intelephense
- Rechercher "PHP Intelephense" (par Ben Mewburn).
- Installer l'extension pour l'auto-complétion et la détection d'erreurs.
4. SQLTools + SQLTools MySQL/MariaDB Driver
- Installer "SQLTools" (par Matheus Texeira).
- Ensuite installer "SQLTools MySQL/MariaDB" pour se connecter aux bases de données.
5. (Optionnel) Prettier
- Rechercher "Prettier - Code formatter".
- Installer pour formater automatiquement votre code.
Étape 4 : Lancer votre projet
Pour tester un fichier HTML :
- Clic droit sur [Link] > Open with Live Server.
Pour tester un projet PHP :
- Clic droit sur [Link] > PHP Server: Serve project.
Pour accéder à la base MySQL :
- Utiliser XAMPP (phpMyAdmin) ou SQLTools dans VS Code.
Étape 5 : Conseils Bonus
- Toujours travailler dans un dossier ouvert dans VS Code.
- Organiser vos fichiers : /css, /php, /img, etc.
- Utiliser Git pour sauvegarder vos projets.
Conclusion :
Avec ces outils, vous pouvez développer facilement des sites dynamiques et professionnels
directement depuis Visual Studio Code !