MacOS XAMPP, setup example.com website

To set up a website with XAMPP on macOS and create a virtual host for it, you can follow these steps:

1. Open the Terminal application on your Mac.
2. Navigate to the XAMPP directory by typing the following command:
   

   cd /Applications/XAMPP

3. Once you are in the XAMPP directory, navigate to the Apache configuration folder by typing the following command:
   

   cd etc/apache2

4. In the Apache configuration folder, you will find a file called httpd.conf. Open this file in a text editor such as nano or vim by typing the following command:
   

   sudo nano httpd.conf

5. In the httpd.conf file, locate the following line:
   

   # Virtual hosts
   # Include etc/extra/httpd-vhosts.conf

6. Remove the # at the beginning of the second line to uncomment it.
7. Save and close the httpd.conf file.
8. Navigate to the Apache extra configuration folder by typing the following command:
   

   cd extra

9. In the extra folder, you will find a file called httpd-vhosts.conf. Open this file in a text editor by typing the following command:
   

   sudo nano httpd-vhosts.conf

10. At the bottom of the file, add the following code to create a virtual host for your WordPress website:

    <VirtualHost *:80>
        DocumentRoot "/Applications/XAMPP/htdocs/example.com"
        ServerName example.com
        ServerAlias www.example.com
        ErrorLog "/Applications/XAMPP/logs/example.com-error_log"
        CustomLog "/Applications/XAMPP/logs/example.com-access_log" common
        <Directory "/Applications/XAMPP/htdocs/example.com">
            AllowOverride All
        </Directory>
    </VirtualHost>

11. Replace “example.com” with your website’s domain name.
12. Save and close the httpd-vhosts.conf file.
13. Restart Apache by typing the following command:
    

    sudo /Applications/XAMPP/xamppfiles/bin/apachectl restart

14. Download and install WordPress into the newly created directory (example.com in this example) by following the instructions on the WordPress website.
15. Open your web browser and type in your website’s domain name (e.g. http://example.com) to access your WordPress website.