Visual Code PHP Live Server.

This jobaid is to help you find the steps to setup your Visual Code Editor to allow to run live server with PHP using XAMPP in a windows computer. The process is easy to follow with these steps. In my setup, I have a Windows 10 HP Laptop running Visual Code and Apache Friends XAMPP for my PHP backend server. I will also be using the Firefox extention, but if you prefer, you can use the Chrome extension as well. Let's go:

  1. Download and install Apache Friends XAMPP.
  2. Download and install the Visual Code Live Server Extension
  3. Download and install the Firefox Live Server Addon
  4. You will notice the Live Server icon is visible on the top right hand corner of your Firefox, click on it and populate the following options:
    1. Select: Live Reload
    2. Actual server address: (XAMPP URL: example: http://127.0.0.1 or http://localhost)
    3. Live server address: (VS Code Code URL: Example:http://127.0.0.1:5001/)
    4. Click Apply
  5. Done

Here's a short and strait to the point video to help you visualize. Good luck with your development.

jMO2sLJElzs