Xampp Htdocs Mac

  • This video show how to run files in htdocs in the new XAMPP for Mac. This video show how to run files in htdocs in the new XAMPP for Mac.
  • Basically you need to download XAMPP for Mac, then install this software, after that go to download WordPress and install WordPress on Mac. Now let’s dive into the details, specifically by looking at some tricky steps. Install XAMPP for Mac. Go to download the latest version of XAMPP for Mac from its official site here. At the time of writing.

I assume you’re using a Mac, ensure the file permissions and ownership rights are appropriately set, also ensure Paracel folder and it’s contents are properly located in the htdocs folder. As for routes.php, it depends on the version of laravel you’re installing, I don’t think version 5.0 comes with a routes.php file. How to XAMPP-VM htdocs Directory Permission on Mac OS Step 1: Start and Stop XAMPP. To get started with the new stack manager, launch it as usual and click the “Start” button Step 2: Enable Network and Port. The XAMP-VM manager provides a graphical interface to forward ports between XAMPP-VM.

If you want to install WordPress on Mac OS X, you are always advocated using a local server environment setup tool, such as MAMP or XAMPP. In another guide, we have introduced the free web server package MAMP for Mac with steps to install WordPress on Mac OS X with MAMP. In this tutorial, we will review another free local development environment tool for Mac, XAMPP for Mac, and we will use this app to install WordPress on Mac so you can start developing websites locally, play or learn WordPress with a local WordPress installation without paying for a hosting account. You can build a WordPress site or blog locally on your computer, and transfer it to a real server when you are ready. It is a safe way to test WordPress before publishing online. If you are on Windows, do not forget to check out this guide: how to install WordPress on Windows PC?

How to Install WordPress on Mac?

To install WordPress on Mac with XAMPP is not difficult, there are several steps but just a couple tricky ones. Basically you need to download XAMPP for Mac, then install this software, after that go to download WordPress and install WordPress on Mac. Now let’s dive into the details, specifically by looking at some tricky steps.

Install XAMPP for Mac

Go to download the latest version of XAMPP for Mac from its official site here . At the time of writing, its latest version is 7.3.2. They are compatible with Mac OS X 10.6 or later. The main difference is the script or component versions, notably the PHP versions. However this does not affect our local WordPress installation. As everything with software, we recommend the more recent versions.

It’s a DMG file you will download. Double-click the file you just downloaded. Then install XAMPP on your Mac, drag the XAMPP folder to the Application folder to install it.

Launch XAMPP from the Launchpad on your Mac. Click the Start button in the General tab of the stack manager. Wait for the status icon to turn green.

Ensure that all services are running in the Services tab of the stack manager (or start them as needed). If you can’t start Apache on Mac, try to disable Web sharing from System Preferences… >> Internet & Wireless >> Sharing.

You can stop, start, restart or check the status of individual services from the Services tab of the stack manager any time you want.

Create WordPress Database in XAMPP

As we have mentioned above, local WordPress requires both PHP and MySQL. Now we need to set up a database for WordPress with XAMPP for Mac. XAMPP offers phpMyAdmin for us to manage databases. We can create MySQL database for our local WordPress installation on Mac with it. Before that, we need to enable localhost port forwarding in the Network tab.

Visit http://localhost:8080/ in Safari browser, click phpMyAdmin or directly access http://localhost:8080/phpmyadmin/ to open the web database management tool to create a database for your local WordPress site on Mac.

To create a MySQL database with phpMyAdmin on Mac, click Databases, choose & input the database name and click Create button, the MySQL database will be created and you can set up your local WordPress on Mac with it in following steps.

Now you have set up everything you need to get started developing and testing your local WordPress on Mac. Continue installing WordPress in just another couple of steps.

Download WordPress installer

Switch to the Volumes tab of the XAMPP stack manager on Mac. Click Mount button to mount the /opt/lampp directory. Then click the Explore button to open the XAMPP file manager in Finder.

Download WordPress from https://wordpress.org/download/ to the ‘htdocs’ sub-folder under the above XAMPP folder. Unzip the WordPress installer, you should get a ‘wordpress’ folder.

Create WordPress database connection

From the local WordPress folder, you should see a wp-config-sample.php file, duplicate this file first, then rename this file to wp-config.php and edit the connection to WordPress database from there. Remember that we have already created a MySQL database with phpMyAdmin above? Now we need to set up a connection between the WordPress files and its database, or we can say to link the Apache server and MySQL server.

Open this configuration file with a text edit, such as the TextEdit, on Mac, you will find a section of this php file like below image:

To create database connection for your local WordPress on Mac, you need to replace “database_name_here” with the database name which we have just created using phyMyAdmin, replace “username_here” with “root” and leave “password_here” blank.

Instead of using the default database user, you can also optionally, manually create a new user and add to database in phpMyAdmin. See this guide to create database and add user to database in phpMyAdmin. When you run into the database connection not established trouble, this could be the fix.

Complete WordPress installing from browser

Run Safari or any other browser you have on Mac, open this URL http://localhost:8080/wordpress/ to access your local WordPress. You will pull up the classic WordPress setup wizard. Fill up the basic information it requires, click Install WordPress button, your local WordPress on Mac will be created.
Relative Tools:
Another great alternative to XAMPP is MAMP which can also help you create WordPress sites on Mac OS X. Check out this guide: How to Install WordPress on Mac with MAMP?

Migrate Local WordPress to Web Hosting Server

If you have finished testing and experimenting on the WordPress theme, layout, plugins and widgets on a local WordPress blog on Mac, you may want to move it from local machine to a live WordPress hosting server. Here is some very good WordPress hosting service for your information. To migrate a local WordPress, you have to do it all by yourself, your web host may not be able to help as all the files, database and configurations are on your local machine. Check out this guide and see how to transfer WordPress to cPanel hosting.

Update Feb 2019: this article was originally published in Jul 2014 and has since been updated. we update instructions and screenshots above to reflect the changes in the XAMPP for Mac Version 7.3.2 on Mac 10.14 (Mac OS Mojave).


Question or issue on macOS:

I have installed the XAMPP in my MAC.

And i just tryed to open a folder and it’s returned a error 403: Access forbidden!

I read on foruns that i need to change the httpd archive, but, after the changes, no change, the error Access forbidden! on my folder/sites continues.

The http.conf that i have changed are here: “Applications/XAMPP/xamppfiles/apache2/conf”


EDIT: SOLVED: http://f6design.com/journal/2012/03/11/configuring-virtualhosts-in-xampp-on-mac/

How to solve this problem?

Solution no. 1:

This link is really helpful

SOLVED: http://f6design.com/journal/2012/03/11/configuring-virtualhosts-in-xampp-on-mac/

All you need is rights.

I didn’t enable virtual hosts.

I just replaced User daemon on User yourUserName in /Applications/XAMMP/xammpfiles/etc/httpd.conf

So I got access to my custom folders (through symlinks in htdocs folder in my case)

Solution no. 2:


Please type this in terminal and press enter

Solution no. 3:

I had the same error but turns out that it was a Mac OSX file system permission issue rather than apache configuration issue.

This may not be the case every time so read This article for more details

What solved my problem :

I changed permission for /Applications/XAMPP/xamppfiles/htdocs/ using chmod to 644

Solution no. 4:

(This question was solved by the OP and answered by editing a URL in the question. Converted to a community wiki answer. See Question with no answers, but issue solved in the comments (or extended in chat) )

The OP wrote:

SOLVED: http://f6design.com/journal/2012/03/11/configuring-virtualhosts-in-xampp-on-mac/

URL only answers are deprecated on SO. In summary, the blog posting explains the edits necessary to the files /Applications/XAMPP/xamppfiles/etc/httpd.conf and /Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf

Solution no. 5:

I had the same error. I looked into the error-log and found 'xe2x80x9c'.

Turns out the error was caused in the httpd-vhosts.conf file.

The error was caused due to Curly quotes () at the end of one of my DocumentRoot definitions. Text edit maybe causing you this problem.

Find and replace with ' (Straight quotes).
Save and Restart the server.

It worked!

Solution no. 6:

Xampp Change Htdocs Folder Mac

change the permissions of the application folder inside htdocs


sudo chmod -R 777 example

restart apache

Solution no. 7:

For the me the issue was some misconfiguration in the

Download Xampp Mac

By which I left default virtual host which reside in there before. But they are misconfigured.

After comment them. ther server runs perfectly as before

Xampp Htdocs Machines

Hope this helps!