PHP Live Server no VS Code

Vamos aprender a ativar o Live Server com PHP para que a página recarregue sozinha quando você salvar qualquer arquivo.

Tutorial simples e direto de como ativar o Live Server com PHP.

1. PHP instalado na máquina (aquele lance do PHP Path)

2. Instale a extensão Live Server no seu VS Code;

3. Instale a extensão PHP Server no seu VS Code;

4. Instale a extensão Live Server Web Extension no seu navegador.

   • Google Chrome
   • Firefox

5. Abra o VS Code e clique em Go Live para executar o Live Server que fica na parte inferior direta do programa. Vai abrir uma página no navegador.

   

6. Copie o endereço da página aberta (o padrão é http://127.0.0.1:5500/), clique na extensão instalada no seu navegador e cole-o em “Live Server Address”. Clique em Apply.

   

7. Na outra opção da extensão, de nome “Actual Server Address”, vamos colocar o endereço que o nosso PHP irá rodar, normalmente utilizamos http://localhost:3000 e logo depois clique em Apply.

   

8. Agora rode o PHP na sua máquina em um promt de comando. Utilizamos por padrão o php -q -S localhost:3000 ou alguma outra forma que você costuma usar. Só lembre desse endereço ser o mesmo usado na etapa anterior.

9. Agora é só ativar a chave Live Reload na extensão que fica no início. Ao final teremos o seguinte:

   

10. Pronto! Agora é só abrir o endereço que está rodando o PHP, no caso desse tutorial é o http://localhost:3000/, no seu navegador.

Você pode se perguntar: "Mas vou precisar ficar fazendo sempre isso?"

Não! Feita uma vez só vai precisar ligar o Go Live e o rodar o script PHP do produto.

Espero que eu possa ter ajudado. Até a próxima! 🚀