Some of the links in this article are "affiliate links", a link with a special tracking code. This means if you click on an affiliate link and purchase the item, we will receive an affiliate commission.
The price of the item is the same whether it is an affiliate link or not. Regardless, we only recommend products or services we believe will add value to our readers.
By using the affiliate links, you are helping support our Website, and we genuinely appreciate your support.
XAMPP
Why use XAMPP?
XAMPP allows you to make local websites on your Windows 10 PC. It provides the Apache web server, PHP, MariaDB, and phpMyAdmin.
Useful XAMPP Information

Once installed, the local website can be found at http://localhost/.
http://localhost/phpmyadmin to access phpMyAdmin.
The XAMPP dashboard can be found at http://localhost/dashboard.
C:\xampp\php\php.ini is the PHP initialization file path.
C:\xampp\php\php.exe is the PHP executable file path.
Installing XAMPP
Go to apachefriends.org in your Browser

Click on the XAMPP for Windows Button

The file will be downloaded.

Click Open File


You might get an antivirus warning. I have never had a problem, so I simply click Yes.

You may get a UAC warning. I have had no problem, so I simply click the OK button.

The setup wizard will start. Simply use the defaults. This usually means clicking Next many times.









Click Finish.

XAMPP Setup
In order to changed the configuration of XAMPP, have XAMPP run as Administrator.
Enter xampp into Cortana.

Click on the XAMPP Control Panel app.

Click on Open File Location.

Right-click on XAMPP Control Panel and click on Properties.


Click on Advanced.

Put a checkmark next to Run as administrator, then click OK.

To give permission for this, click Continue.

When the UAC appears, click Yes to all changes to your devices.

Pin XAMPP to the taskbar. This will make starting XAMPP easier.

Now, set up XAMPP’s configuration to start the servers automatically. Click on the Config button.

Put checkmarks for Apache and MySQL, then click Save.

Now, quit and restart XAMPP.



Wait for the Apache and MySQL servers to start up. Wait for the server labels to turn green.

How to Stop XAMPP
Now that we have XAMPP running, how do we stop it when we no longer need it.
Even if XAMPP is not running, the servers themselves will be. To completely stop XAMPP and its servers, do the following.
Start XAMPP.
Stop all the servers by clicking the corresponding Stop buttons.

Wait for the green colours to go away, then click the Quit button.

XAMPP and its servers are now stopped.
Important XAMPP Information

Resources
How to Completely Uninstall XAMPP from Windows 10
Getting Started with Microsoft Visual Studio Code
Microsoft Visual Studio Code
What is Microsoft Visual Studio Code?
Visual Studio Code is a streamlined code editor with support for development operations like debugging, task running, and version control. It aims to provide just the tools a developer needs for a quick code-build-debug cycle and leaves more complex workflows to fuller featured IDEs, such as Visual Studio IDE.
code.visualstudio.com
How to Install Microsoft Visual Studio Code on Windows 10
Go to https://code.visualstudio.com, in your web browser.

Click on the Download for Windows button. The installer will start to download.

When the download is complete, the Open File link will appear. Click the Open File link.

The installer will start. Click the Run button.

Accept the License Agreement and click the Next button. Select all the default buttons, usually this means clicking the Next button.

I prefer to check all the Additional Icons.

Click the Install button.

Microsoft Visual Studio Code will now install.






Click Finish. The installation is done! Microsoft Visual Studio Code will open.

I find it convenient to pin Microsoft Visual Studio Code to the Taskbar. Right-click on the VS Code icon in the taskbar and click on “Pin to taskbar”.

Click the Get Started link.

Click the “open a folder” link.

Select a folder that will hold your VS Code files.

Click the “Yes, I trust…” button.

Microsoft Visual Studio Code is installed!
