I have done web development for years and XAMPP is always my first and best option for setup localhost. Installing XAMPP and setup localhost can be very easy if you found the right article to follow. In this article, I will show you how to install XAMPP and setup localhost in 3 easy steps.
What Will We Learn
- Install XAMPP
- Setup a local web server or localhost
- Learn to view the HTML file in localhost
What are XAMPP and Localhost?
XAMPP is a free and open source cross-platform web server. It is simple and easy to setup. XAMPP stands for Cross-Platform (X), Apache (A), MariaDB (M), PHP (P), and Pearl (P). After installing XAMPP, you have a local web server with a database.
Localhost is a local web server for developers to do web development and testing. It is a local environment for all kinds of development and testing before the website or software goes to the production site.
Step 1: Download XAMPP
Go to Apache Friends, and download XAMPP.
Choose a PHP version based on your need. If you do not have a specific requirement for PHP version, just choose the latest one which is 8.1.10 / PHP 8.1.10.
Step 2: Install XAMPP
After downloading XAMPP, double click to launch the installer.
Click on Next and proceed with the installation.
In this section, you can choose what components you need. To setup localhost, we only need to install Apache and PHP. However, I recommend installing Apache, PHP, MySQL, and phpMyAdmin for a standard web development environment. MySQL (MariaDB) and phpMyAdmin are used to setup a database. By installing a database, we can setup a popular CMS like WordPress.
Select a folder to install XAMPP, then continue with the installation.
Next, select your preferred language for XAMPP. The installation starts after this step. Wait for a few minutes for the installation to be completed.
At this step, we have completed the installation. Click on Finish to close the installation window.
Step 3: Launch XAMPP and Setup Localhost
After the installation, it is time to launch XAMPP. When launching XAMPP, you may see this security alert from Windows Firewall. Click on Allow Access to allow XAMPP to run on your computer.
Click on Start for the Apache module. Now, localhost is ready to be used. You can access your localhost by opening your browser and entering http://localhost/
into your browser.
If you can see this page, it means you have successfully setup the localhost environment on your computer.
To load your file from localhost, you need to place your file into htdocs folder inside XAMPP. If you install XAMPP in the default directory, the path should be C:\xampp\htdocs
For learning purposes, you can download an index.html file from here. Place the file in your htdocs folder, then open it with this URL, http://localhost/index.html
If you see the image above, you have successfully viewed the HTML file in localhost.
Conclusion
I hope you enjoy the article and learn on how to install XAMPP and setup localhost for web development. If you have any questions or suggestions for this tutorial, please comment below. If you like this article and it helps you, please show your support by liking my Facebook page.
It was a nice intro to Xamp. I liked the flow in the intro tutorial… Thanks
Thanks, for a first timer using this, your article is a must read
Thanks so much