Visual Studio Code (VS Code) est un outil très utile pour les développeurs à la recherche d'un éditeur de code gratuit mais léger, tandis que XAMPP sous Windows est utilisé pour fournir la pile AMP populaire destinée à fonctionner sur des systèmes basés sur Linux pour créer des environnements de serveur Web. XAMPP comprend Apache, MySQL, PHP et PHPMyAdmin ainsi que Mercury, Filezilla et Tomcat. Il n'est pas destiné à une utilisation en production, mais les développeurs l'utilisent pour créer et tester des applications basées sur PHP de manière transparente.
Ici, dans ce tutoriel, nous apprenons comment utiliser leVisual Studio Code pour exécuter et tester nos fichiers PHP à l'aide du serveur Web XAMPP sur les systèmes Windows 11 ou 10.
Comment exécuter un fichier PHP dans le code Visual Studio avec xampp
1. Installez le code Visual Studio
Comme nous utilisons VScode pour créer les fichiers PHP dans ce tutoriel, ouvrez-le d'abord sur votre PC. Ceux qui n'ont pas encore de code Visual Studio sur leur bureau ou serveur Windows peuvent visiter lesite officielpour obtenir le programme d'installation. Les utilisateurs Windows peuvent également utiliser Command Terminal et Winget pour installer VSCode.
2. Installez l'extension PHP pour Visual Studio Code
Une fois que vous avez ouvert le VScode, installez l'extension PHP. Pour cela, cliquez sur l'icône Extension, située dans la barre d'activité de gauche, ou utilisez le raccourci clavier -Ctrl+Maj+X.Là, recherchez PHP dans la zone de recherche, puis sélectionnez n'importe quelle extension populaire, par exemple, ici nous allons chercher PHP par DEVSENSE. Cliquez sur le "installer" bouton pour l'obtenir.
L'extension nous aidera à écrire efficacement le code PHP et à déboguer de la même manière en cas d'erreur.
3. Installez XAMPP
XAMPP est un logiciel gratuit mais très utile pour les utilisateurs Windows qui souhaitent utiliser des environnements de serveur Web Apache, MySQL et PHP sur leur PC pour tester des applications Web. Ainsi, pour exécuter ou tester les fichiers PHP créés dans Visual Code Studio, installez XAMPP. Si vous l'avez déjà, vous pouvez aller plus loin, sinon visitez lesite officiel de XAMPP pour obtenir la configuration.
Après avoir ouvert le panneau de configuration XAMPP, démarrez le serveur Web APACHE car nous en avons besoin pour afficher les fichiers PHP dans le navigateur.
4. Créez un dossier Projet
Maintenant, utilisons Visual Code Studio et créons notre dossier de projet dans les htdocs de XAMPP. Pour ce VScode ouvert, cliquez sur le "Déposer» et sélectionnez le menu «Ouvrir le dossier" optionouutilise le raccourci clavierCtrl+K.
Accédez àC:/Xampp/htdocset cliquez sur le "Sélectionner un dossier" bouton.
Maintenant, cliquez sur ledossiericône et donnez un nom à votre dossier de projet.
5. Créez un fichier PHP :
Après avoir créé le dossier Projet, sélectionnez-le et cliquez sur leicône de fichierpour créer un fichier PHP avec le nom de votre choix avec le« .php »extension.Par exemple, ici nous créons un fichier "monpremierphp.php" déposer.
Écrivez votre code PHP ou copiez-le-collez dans le fichier. Enregistrez le fichier –Ctrl+S.
Le code que nous avons utilisé est ici, au cas où vous en auriez besoin :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP Example</title>
<style>
body {
background-color: #f4f4f4; /* Set the background color */
font-family: 'Arial', sans-serif; /* Set the font family */
color: #333; /* Set the text color */
margin: 20px; /* Add some margin for better visibility */
}
h1 {
color: #007BFF; /* Set a different color for the heading */
}
</style>
</head>
<body>
<?php
// PHP code starts here
// Display a greeting message
echo "<h1>Hello, PHP!</h1>";
// Get the current date and time
$currentDate = date("Y-m-d H:i:s");
// Display the current date and time
echo "<p>Current Server Date and Time: $currentDate</p>";
// PHP code ends here
?>
</body>
</html>
6. Exécutez le fichier PHP
Maintenant, nous sommes prêts avec notre fichier PHP créé dans Visual Code Studio. Pour l'exécuter et le tester, ouvrez le navigateur Web de votre système et accédez àhttps://localhost/project-folder/votre-nom-de-fichier.php.Par exemple, le nom de notre fichier PHP est «monpremierphp.php», d’où l’URL pour y accéder sera comme ceci :
https://localhost/myproject/myfirstphp.phpVous devriez voir la sortie de votre code PHP affichée dans le navigateur.
Débogage PHP (facultatif)
Visual Studio Code prend également en charge le débogage du code PHP ; définissez des points d'arrêt dans votre code PHP en cliquant dans la gouttière à côté des numéros de ligne. Soit appuyez surF5ou allez dans le "Courir» et sélectionnez «Démarrer le débogage.» Vous pouvez utiliser la console de débogage pour inspecter les variables et parcourir votre code PHP.
Autres articles :
