使用 xampp 在 visual studio code 中运行 php 文件:分步指南-ag凯发k8国际

如何使用 xampp 在 visual studio code 中运行 php 文件

1.安装 visual studio code

由于我们在本教程中使用 vscode 创建 php 文件,因此首先在您的 pc 上打开它。那些在 windows 桌面或服务器上还没有 visual studio 代码的人可以访问官方网站获取安装程序。windows 用户还可以使用命令终端和 winget 来安装 vscode。

start-visual-code-studio

2. 安装适用于 visual studio code 的 php 扩展

打开 vscode 后,安装 php 扩展。为此,请单击左侧活动栏上给出的扩展图标或使用键盘快捷键 – ctrl shift x。 在那里,在搜索框中搜索 php,然后选择任何流行的扩展名,例如,这里我们要使用 devsense 的 php。单击“安装”按钮以获取它。

该扩展将帮助我们有效地编写php代码,并在出现错误时进行调试。

php-extension-for-vscode

3. 安装 xampp

xampp 是一款免费但非常有用的软件,适用于希望在其 pc 上使用 apache、mysql 和 php web 服务器环境来测试 web 应用程序的 windows 用户。因此,若要运行或测试在 visual code studio 中创建的 php 文件,请安装 xampp。如果您已经拥有它,那么可以进一步移动,否则请访问 xampp 的官方网站进行设置。

打开 xampp 控制面板后,启动 apache web 服务器,因为我们需要它在浏览器中查看 php 文件。

xampp-control-panel-start-the-apache

4. 创建项目文件夹

现在,让我们使用 visual code studio 并在 xampp 的 htdocs 中创建项目文件夹。对于打开的vscode,单击“文件”菜单,然后选择“打开文件夹”选项或使用键盘快捷键ctrl k

open-folder-in-vscode

导航到 c:/xampp/htdocs,然后单击“选择文件夹”按钮。

open-htdocs-xampp-in-visual-code-studio

现在,单击文件夹图标并为您的项目文件夹命名。

create-a-new-folder-for-php-project

5. 创建一个 php 文件:

创建项目文件夹后,选择它并单击文件图标以创建一个具有您想要的任何名称以及“.php扩展名的 php 文件。 例如,这里我们正在创建一个文件“myfirstphp.php”文件。

编写 php 代码或将其复制粘贴到文件中。保存文件 – ctrl s

php-code-example-to-run-in-xampp-vscode

我们使用的代码在这里,以备不时之需:

 <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>php exampletitle>
    <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 code starts here
    // display a greeting message
    echo "";
    // get the current date and time
    $currentdate = date("y-m-d h:i:s");
    // display the current date and time
    echo "

current server date and time: $currentdate

"
; // php code ends here ?>
body> html>

6. 运行php文件

现在,我们已准备好在 visual code studio 中创建的 php 文件。要运行和测试它,请打开系统 web 浏览器并导航到 http://localhost/project-folder/your-file-name.php。 例如,我们的php文件名是“myfirstphp.php”,因此访问它的url将如下所示:

http://localhost/myproject/myfirstphp.php

您应该会在浏览器中看到 php 代码的输出。

php-file-run-vscode-example-1024x667-1

调试 php(可选)

visual studio code 还支持调试 php 代码;通过单击行号旁边的装订线,在 php 代码中设置断点。按 f5 或转到“运行”菜单并选择“开始调试”。您可以使用调试控制台来检查变量并单步执行 php 代码。

未经允许不得转载:ag凯发k8国际 » 使用 xampp 在 visual studio code 中运行 php 文件:分步指南

网站地图