How to Create a Laravel 11 Project With XAMPP and Visual Studio Code

Last update: 05-03-2024

Setting up a new Laravel 11 project on Windows 11 is a straightforward process if you follow these steps. This guide uses XAMPP, Composer, and Visual Studio Code.

1. Install XAMPP

Begin by downloading XAMPP for Windows from Apache Friends. Run the installer and it's advisable to install it in the default directory, C:xampp.

2. Install Composer

Next, download the Composer installer from Composer's Official Site. During installation, ensure that Composer can locate your PHP installation. If it doesn't automatically find it, navigate to C:XAMPPphp and select php.exe. Remember to check the option to "Add this PHP to your path" during setup.

After installing Composer, it's recommended to sign out and back into Windows to ensure path changes take effect.

3. Install Visual Studio Code

Download and install Visual Studio Code from Visual Studio Code

4. Verify Installation

Open Visual Studio Code, then open the built-in terminal from the menu by navigating to Terminal → New Terminal.

In the terminal, navigating to the htdocs folder:

cd xampphtdocs

And ensure that PHP and Composer are accessible:

php --version
composer --version

5. Enable PHP Zip Extension

Open C:xamppphpphp.ini in Notepad, find the line ;extension=zip, and uncomment it by removing the semicolon at the beginning.

6. Create Laravel Project

Back in the terminal, create your Laravel project by running:

composer create-project laravel/laravel php-awesome

This will take about 2 minutes to complete.

7. Open Project

In Visual Studio Code, open the project folder by selecting File → Open Folder. Navigate to C:XAMPPhtdocsphp-awesome and click "Select Folder". Trust the authors if prompted.

8. Serve the Application

To serve your new Laravel application, run the following command in the built-in terminal:

php artisan serve

You can now access your application at localhost:8000.

By following these steps, you'll have a Laravel 11 project up and running on your Windows 11 system, ready for further development.


Add a new comment: