A Visual Studio Code (VS Code) egy igen hasznos eszköz azoknak a fejlesztőknek, akik ingyenes, de könnyű kódszerkesztőt keresnek, míg a Windows XAMPP-je a népszerű AMP-verem biztosítására szolgál, amely Linux-alapú rendszereken fut webszerver-környezetek létrehozásához. Az XAMPP tartalmazza az Apache-t, a MySQL-t, a PHP-t és a PHPMyAdmin-t, valamint a Mercury-t, a Filezillát és a Tomcat-et. Nem éles használatra szolgál, hanem a fejlesztők PHP-alapú alkalmazások zökkenőmentes létrehozására és tesztelésére használják.
Ebben az oktatóanyagban megtanuljuk, hogyan használhatjuk aVisual Studio Code PHP-fájljaink futtatásához és teszteléséhez az XAMPP webszerver használatával Windows 11 vagy 10 rendszeren.
1. Telepítse a Visual Studio Code-ot
Mivel ebben az oktatóanyagban a VScode-ot használjuk a PHP-fájlok létrehozásához, először nyissa meg a számítógépén. Azok, akiknek még nincs Visual Studio kódja a Windows asztalon vagy szerveren, felkereshetik ahivatalos weboldalhogy megkapja a telepítőt. A Windows-felhasználók a Command Terminal és a Winget segítségével is telepíthetik a VSCode-ot.
2. Telepítse a PHP bővítményt a Visual Studio kódhoz
Miután megnyitotta a VScode-ot, telepítse a PHP kiterjesztést. Ehhez kattintson a bal oldali tevékenységsávon található Kiterjesztés ikonra, vagy használja a billentyűparancsot –Ctrl+Shift+X.Ott keresse meg a PHP kifejezést a keresőmezőben, majd válasszon ki egy népszerű kiterjesztést, például itt a PHP by DEVSENSE-re megyünk. Kattintson a „telepíteni” gombot, hogy megkapja.
A kiterjesztés segít hatékonyan megírni a PHP kódot, és ugyanazt a hibakeresést elvégezni, ha valamilyen hiba van.
3. Telepítse az XAMPP-t
Az XAMPP egy ingyenes, de nagyon hasznos szoftver azoknak a Windows-felhasználóknak, akik Apache, MySQL és PHP webszerver-környezetet szeretnének a számítógépükön webalkalmazások teszteléséhez. Tehát a Visual Code Studio-ban létrehozott PHP-fájlok futtatásához vagy teszteléséhez telepítse az XAMPP-t. Ha már megvan, akkor költözhet tovább, különben látogassa meg aAz XAMPP hivatalos webhelye a beállításhoz.
Az XAMPP vezérlőpult megnyitása után indítsa el az APACHE webszervert, mert erre van szükségünk a PHP fájlok böngészőben való megtekintéséhez.
4. Hozzon létre egy Project mappát
Most használjuk a Visual Code Studio-t, és hozzuk létre a projektmappát az XAMPP htdocs fájljában. Ehhez a nyitott VScode-hoz kattintson a „Fájl" menüt, és válassza ki a "Nyissa meg a mappát” opciótvagyhasználja a billentyűparancsotCtrl+K.
Navigáljon ideC:/Xampp/htdocsés kattintson a „Válassza a Mappa lehetőséget” gombot.
Most kattintson amappátikonra, és adjon nevet a projektmappának.
5. Hozzon létre egy PHP-fájlt:
A Project mappa létrehozása után jelölje ki, és kattintson a gombrafájl ikonrahogy hozzon létre egy PHP-fájlt tetszőleges névvel együtt a".php"kiterjesztés.Például, itt létrehozunk egy fájlt "myfirstphp.php” fájlt.
Írja be a PHP kódot, vagy másolja be a fájlba. Mentse el a fájlt –Ctrl+S.
Az általunk használt kód itt található, ha szüksége van rá:
<!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. Futtassa a PHP fájlt
Most már készen is vagyunk a Visual Code Studio-ban létrehozott PHP-fájlunkkal. Futtatásához és teszteléséhez nyissa meg a rendszer webböngészőjét, és navigáljon idehttps://localhost/project-folder/your-file-name.php.Például a PHP fájl neve "myfirstphp.php", ezért az elérési URL a következő lesz:
https://localhost/myproject/myfirstphp.phpLátnia kell a PHP kód kimenetét a böngészőben.
PHP hibakeresés (opcionális)
A Visual Studio Code támogatja a PHP kód hibakeresését is; állítson be töréspontokat a PHP kódjában a sorszámok melletti ereszcsatornára kattintva. Vagy nyomja megF5vagy menj a "Fut" menüt, és válassza a "Kezdje el a hibakeresést.” A Debug Console segítségével ellenőrizheti a változókat, és átlépheti a PHP kódot.
Egyéb cikkek:
