XAMPP is the most popular PHP development environment. XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to use. Download Click here for other versions. Go to the link to download VS Code for your respective operating system and platform. Open the downloaded setup file and install it. The installation process is pretty simple and self-explanatory. Next step is to install the XAMPP software. How to get comments count of each post, in a list of posts that is in a User Dashboard in Laravel; Laravel: How to check if table exists in database on view file; I.
To those who are using XAMPP, you can connect to the database through these steps:
- Go to the xampp > apache > conf, then open httpd.conf using your editor.
- Search for 'Listen' and find the one that doesn't have a # before it. Change whatever number you have there to 3306. (i.e. Listen 3306)
- Search for 'ServerName localhost' and change the number to 3306 as well. (i.e. ServerName localhost:3306)
- Save and exit.
- Now type this in your editor:
$db = new PDO('mysql:host=localhost;dbname=database;port=3306','root',');
Hope that works!
Dennis Amiel Domingo Great tip! Do you know if there is a way we can access Xampp directly through the code editor? I have Xampp and Visual Studio Code but would like to run everything from VSC if possible?
After some research I found a solution that worked for me.
- Download XAMPP
- Start mySQL in XAMPP, it should be on port 3306
- In Visual Studio Code download and enable the extension 'PHP Server' by baprifa (Ignore this step if you already have, or if are using a different php server. This is the one I happen to be using)
- In Visual Studio Code download and enable the extension 'MySQL - MySQL management tool' by Jun Han
- Reload Visual Studio Code to ensure it's activated.
- In the Visual Studio Code Explorer you will now notice a MYSQL drop down tab at the very bottom. There should be a localhost database in there. If it's not appearing or shows an error, open XAMPP again to make sure you started mySQL
- You should now be up and running. To upload the project to phpMyAdmin in XAMPP, open the database.sql file that was downloaded from treehouse for the project. Right click anywhere on the document, and select option that says 'Run MySQL Query'.
- You can verify you are connected by opening the XAMPP control panel, Start the Apache Server, Open Web Browser and type localhost
- It will bring you to XAMPP page hosted locally on your computer. From there click phpMyAdmin link. On the left hand side verify that your database was uploaded.
NOTE: in this exercise the teacher is using the SQLite (PDO) driver. Instead, you will need to use the MySQL (PDO) driver.
To test that everything is working, in the inc folder, create a connection.php file. This is the code I used to test:
After saving it, right click and choose PHP Server: Serve Project to view.
NOTE: If both the Apache Server in XAMPP, and PHP Server by baprifa in VS Code are running, the PHP Server will be the one that works. To use phpMyAdmin you must stop the PHP Server.... at least that's how it is on my system.
I hope this info is helpful. I am new to this, so if there is anyone with more experience who would like to add or correct anything I may have typed, please feel free to comment.
Thanks jaycode! Unfortunately, I'm not that familiar with Visual Studio Code. You may wanna try this link: https://www.youtube.com/watch?v=eE6oxEhqqoU
Hope that helps!
Thanks Dennis. I've seen this before. It's a good video but is for php debug. I would like to connect Visual Studio Code to phpMyAdmin (The one from Xampp) . I am not sure if this is possible.
Conectar Visual Studio Code In Xampp
Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.