Executando arquivos PHP no código do Visual Studio com XAMPP: um guia passo a passo

Visual Studio Code (VS Code) é uma ferramenta bastante útil para desenvolvedores que procuram um editor de código gratuito, mas leve, enquanto o XAMPP no Windows é usado para fornecer a popular pilha AMP destinada a ser executada em sistemas baseados em Linux para a criação de ambientes de servidor web. XAMPP inclui Apache, MySQL, PHP e PHPMyAdmin junto com Mercury, Filezilla e Tomcat. Não é para uso em produção, em vez disso, os desenvolvedores o utilizam para criar e testar aplicativos baseados em PHP perfeitamente.

Aqui neste tutorial, aprendemos como podemos usar oCódigo do Visual Studio para executar e testar nossos arquivos PHP usando o servidor web XAMPP em sistemas Windows 11 ou 10.

Como executar arquivo PHP no código do Visual Studio com xampp

1. Instale o código do Visual Studio

Como estamos usando o VScode para criar os arquivos PHP neste tutorial, primeiro abra-o no seu PC. Aqueles que ainda não possuem o código do Visual Studio em seu desktop ou servidor Windows podem visitar osite oficialpara obter o instalador. Os usuários do Windows também podem usar o Command Terminal e o Winget para instalar o VSCode.

2. Instale a extensão PHP para Visual Studio Code

Depois de abrir o VScode, instale a extensão PHP. Para isso, clique no ícone Extensão, localizado na barra de atividades do lado esquerdo ou use o atalho do teclado –Ctrl+Shift+X.Lá, pesquise PHP na caixa de pesquisa e selecione qualquer extensão popular, por exemplo, aqui vamos para PHP da DEVSENSE. Clique no botão “instalar”Para obtê-lo.

A extensão nos ajudará a escrever o código PHP com eficiência e depurá-lo se houver algum erro.

3. Instale o XAMPP

XAMPP é um software gratuito, mas bastante útil para usuários do Windows que desejam ambientes de servidor web Apache, MySQL e PHP em seus PCs para testar aplicativos web. Portanto, para executar ou testar arquivos PHP criados no Visual Code Studio, instale o XAMPP. Se você já o possui, pode prosseguir, caso contrário, visite osite oficial do XAMPP para obter a configuração.

Após abrir o painel de controle do XAMPP inicie o servidor web APACHE pois precisamos dele para visualizar os arquivos PHP no navegador.

4. Crie uma pasta de projeto

Agora, vamos usar o Visual Code Studio e criar a pasta do nosso projeto dentro do htdocs do XAMPP. Para esse VScode aberto, clique no botão “Arquivo”E selecione o“Abrir pasta”opçãoouuse o atalho do tecladoCtrl+K.

Navegue atéC:/Xampp/htdocse clique no botão “Selecione a pasta" botão.

Agora, clique nopastaícone e dê um nome à pasta do seu projeto.

5. Crie um arquivo PHP:

Após criar a pasta do Projeto, selecione-a e clique no botãoícone de arquivopara criar um arquivo PHP com o nome que você quiser junto com o“.php”extensão.Por exemplo, aqui estamos criando um arquivo “meuprimeirophp.php" arquivo.

Escreva seu código PHP ou copie e cole-o no arquivo. Salve o arquivo –Ctrl+S.

O código que usamos está aqui, caso você precise:

 <!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. Execute o arquivo PHP

Agora estamos prontos com nosso arquivo PHP criado no Visual Code Studio. Para executá-lo e testá-lo, abra o navegador do sistema e navegue atéhttps://localhost/project-folder/your-file-name.php.Por exemplo, o nome do nosso arquivo PHP é “meuprimeirophp.php“, portanto a URL para acessá-lo será assim:

https://localhost/myproject/myfirstphp.php

Você deverá ver a saída do seu código PHP exibida no navegador.

Depurando PHP (opcional)

O Visual Studio Code também oferece suporte à depuração de código PHP; defina pontos de interrupção em seu código PHP clicando na medianiz ao lado dos números das linhas. PressioneF5ou vá para “Correr”Menu e selecione“Comece a depuração.” Você pode usar o Debug Console para inspecionar variáveis e percorrer seu código PHP.

Outros artigos: