Visual Studio Code (VS Code) to całkiem przydatne narzędzie dla programistów poszukujących darmowego, ale lekkiego edytora kodu, podczas gdy XAMPP w systemie Windows służy do udostępniania popularnego stosu AMP przeznaczonego do działania w systemach opartych na systemie Linux w celu tworzenia środowisk serwerów WWW. XAMPP obejmuje Apache, MySQL, PHP i PHPMyAdmin wraz z Mercury, Filezilla i Tomcat. Nie jest przeznaczony do użytku produkcyjnego, zamiast tego programiści używają go do płynnego tworzenia i testowania aplikacji opartych na PHP.
W tym samouczku dowiemy się, jak możemy używać plikuKod Visual Studio do uruchamiania i testowania naszych plików PHP przy użyciu serwera WWW XAMPP w systemach Windows 11 lub 10.
1. Zainstaluj kod Visual Studio
Ponieważ w tym samouczku używamy VScode do tworzenia plików PHP, najpierw otwórz go na swoim komputerze. Ci, którzy nie mają jeszcze kodu Visual Studio na swoim komputerze stacjonarnym lub serwerze Windows, mogą odwiedzić stronęoficjalna strona internetowaaby uzyskać instalator. Użytkownicy systemu Windows mogą również użyć terminala poleceń i Wingeta, aby zainstalować VSCode.
2. Zainstaluj rozszerzenie PHP dla kodu Visual Studio
Po otwarciu VScode zainstaluj rozszerzenie PHP. W tym celu kliknij ikonę rozszerzenia znajdującą się po lewej stronie paska aktywności lub użyj skrótu klawiaturowego –Ctrl+Shift+X.Tam wyszukaj PHP w polu wyszukiwania, a następnie wybierz dowolne popularne rozszerzenie, na przykład tutaj będziemy szukać PHP firmy DEVSENSE. Kliknij na „zainstalować”, aby go uzyskać.
Rozszerzenie pomoże nam sprawnie napisać kod PHP i debugować go, jeśli wystąpi jakiś błąd.
3. Zainstaluj XAMPP
XAMPP to bezpłatne, ale całkiem przydatne oprogramowanie dla użytkowników systemu Windows, którzy chcą, aby środowiska serwerów WWW Apache, MySQL i PHP na swoim komputerze testowały aplikacje internetowe. Tak więc, aby uruchomić lub przetestować pliki PHP utworzone w Visual Code Studio, zainstaluj XAMPP. Jeśli już go masz, możesz przejść dalej, w przeciwnym razie odwiedź stronęoficjalna strona XAMPP, aby uzyskać konfigurację.
Po otwarciu panelu sterowania XAMPP uruchom serwer WWW APACHE, ponieważ jest on nam potrzebny do przeglądania plików PHP w przeglądarce.
4. Utwórz folder projektu
Teraz użyjmy Visual Code Studio i utwórz nasz folder projektu w htdocs XAMPP. Aby otworzyć VScode, kliknij „Plik” i wybierz opcję „Otwórz folderopcjaLubużyj skrótu klawiaturowegoCtrl+K.
Przejdź doC:/Xampp/htdocsi kliknij przycisk „Wybierz Folder" przycisk.
Teraz kliknij nafalcówkaikonę i nadaj nazwę folderowi projektu.
5. Utwórz plik PHP:
Po utworzeniu folderu Projekt wybierz go i kliknijikona plikuaby utworzyć plik PHP o dowolnej nazwie wraz z rozszerzeniem„.php”rozszerzenie.Na przykład, tutaj tworzymy plik „mójpierwszyphp.php" plik.
Napisz swój kod PHP lub skopiuj i wklej go do pliku. Zapisz plik –Ctrl+S.
Kod, którego użyliśmy, znajduje się tutaj, na wypadek gdybyś go potrzebował:
<!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. Uruchom plik PHP
Teraz jesteśmy gotowi z naszym plikiem PHP utworzonym w Visual Code Studio. Aby go uruchomić i przetestować, otwórz systemową przeglądarkę internetową i przejdź dohttps://localhost/folder-project/nazwa-twojego-pliku.php.Na przykład nazwa naszego pliku PHP to „mójpierwszyphp.php„, stąd adres URL umożliwiający dostęp do niego będzie wyglądał następująco:
https://localhost/myproject/myfirstphp.phpPowinieneś zobaczyć wynik swojego kodu PHP wyświetlony w przeglądarce.
Debugowanie PHP (opcjonalnie)
Visual Studio Code obsługuje także debugowanie kodu PHP; ustaw punkty przerwania w kodzie PHP, klikając w rynnę obok numerów linii. Albo naciśnijF5lub przejdź do „Uruchomić” i wybierz „Rozpocznij debugowanie.” Możesz użyć konsoli debugowania, aby sprawdzić zmienne i krok po kroku przez kod PHP.
Inne artykuły:
