- Setup VS Code for Efficient PHP development π
- TL;DR
- VS Code extensions you should install and configure for PHP development:
- Prerequisites
- Install PHP and Composer
- Create an empty Symfony project
- Increase the number of system watchers if needed
- Configure VS Code for PHP
- Autocomplete & Intellisense & Go to definition
- Install PHP Intelephense
- Disable basic suggestions
- Enable autocomplete in comments / annotations
- Allow autocomplete in tests
- Go to definition
- Generate getters and setters for class properties
- Debugging
- Install Xdebug
- Configure VS Code debugger to listen for Xdebug
- Debug your code with VS Code
- Configure Xdebug to open file links with VS Code
- Formatting & linting
- PHP CS Fixer
- Integrate PHP CS Fixer into VS Code
- PHP CS Fixer config file
- Bonus: add Prettier to PHP CS Fixer
- In case of issues with format on save
- Twig support
- Database management
- ΠΠ°ΠΊ Π·Π°ΠΏΡΡΡΠΈΡΡ php server Π² vs code?
Setup VS Code for Efficient PHP development π
I recently started programming in PHP using the well-known Symfony framework. I wanted to keep my VS Code habits and proficiency I had from my previous projects in Node.js and Vue.js, so I tried to configure VS Code for PHP development as well. Moreover, I didn’t want to invest β¬199 in the famous PHPStorm IDEβ¦ π
TL;DR
VS Code extensions you should install and configure for PHP development:
In this article, I will explain how I managed to make my development environment comparable to PhpStorm’s. The commands will be detailed for Ubuntu 18.04, but they can be adapted for Mac OS and possibly for Windows.
I will take an empty Symfony application as an example for this article. Let’s start!
Prerequisites
Install PHP and Composer
To be able to run PHP code you obviously need to install PHP. You will also probably need Composer, a commonly used dependency manager for PHP. You can install them by running the following command:
sudo apt install php-cli composer
You can install php-all-dev instead of php-cli if you want to install some useful libraries as well.
Create an empty Symfony project
Let’s now create an empty Symfony app. Then open VS Code and launch the development server:
composer create-project symfony/website-skeleton my-symfony-website cd my-symfony-website code . bin/console server:run
Increase the number of system watchers if needed
VS Code needs to watch for file changes to work correctly. That’s why the following warning may appear because our Symfony project contains a lot of files:
To fix it, you can run the following commands in your terminal, and then restart VS Code:
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf sudo sysctl -p
Go to http://127.0.0.1:8000 from your favorite web browser and check that your Symfony website works.
Configure VS Code for PHP
Autocomplete & Intellisense & Go to definition
Let’s create a new route in our application. Just add an empty file HelloWorldController.php in the src/Controller folder.
Install PHP Intelephense
By default, VS Code provides some basic code suggestions but they are generic and quite useless. To get useful code suggestions as you type, I recommend installing the PHP Intelephense extension for VS Code. I also tried the PHP Intellisense extension but it’s slower on big projects and provides fewer features (it doesn’t gray out unused imports for example).
Now that the PHP Intelephense extension is installed, we can start writing our HelloWorldController!
As you can see, code suggestions are very relevant and VS Code auto imports the corresponding namespace when you validate a suggestion!
Disable basic suggestions
PHP Intelephense can also auto-suggest relevant methods when typing $myVar-> . The problem is that these suggestions are polluted by the default PHP suggestions.
Basic PHP code suggestions we want to disable
To fix that, you can disable these basic suggestions in VS Code settings. Simply open VS Code’s settings.json file (press Ctrl + , then click on the top right <> icon) and add the following line:
When it’s done, you can see useful suggestions!
Relevant suggestions when basic suggestions are disabled
Enable autocomplete in comments / annotations
When you write PHP code, a good practice is to add PHPDoc annotations to make your code more understandable and to help your IDE provide you with relevant code suggestions. By default, VS Code doesn’t suggest anything while writing annotations. To activate code suggestions in comments, open the settings.json file and add the following line:
Code suggestions in annotations
Allow autocomplete in tests
By default, PHP Intelephense excludes Symfony test folders from indexing because the default exclude settings contains a too generic pattern:
"intelephense.files.exclude": [ "**/.git/**", "**/.svn/**", "**/.hg/**", "**/CVS/**", "**/.DS_Store/**", "**/node_modules/**", "**/bower_components/**", "**/vendor/**//**" ],
To enable suggestions for Symfony test classes, all you need to do is edit your settings.json file and add:
"intelephense.files.exclude": [ "**/.git/**", "**/.svn/**", "**/.hg/**", "**/CVS/**", "**/.DS_Store/**", "**/node_modules/**", "**/bower_components/**", "**/vendor/**//**/*Test.php" ],
As you can see, the last line is more specific than in the default settings.
Code completion enabled for tests
Go to definition
When you want to get more information about a function, you can Ctrl+Click on it and VS Code will open the line where the function is declared!
Generate getters and setters for class properties
If you want VS Code to generate getters and setters for you, you can install this extension. Then, right-click on a class property and select Insert PHP Getter & Setter.
Generate getter and setter
Debugging
Debugging your PHP code can be painful without a debugger. You can use dump($myVar); die(); (π) but it’s not very convenient.
The best way to debug your PHP code is to use Xdebug, a profiler and debugger tool for PHP.
Install Xdebug
Xdebug is not shipped with PHP, you need to install it on your development environment:
sudo apt install php-xdebug
Then run sudo nano /etc/php/7.2/mods-available/xdebug.ini and add the following lines:
xdebug.remote_enable = 1 xdebug.remote_autostart = 1
Tip! If your PHP project runs in a Docker container, you need also to add the following line to the xdebug.ini file, where 172.17.0.1 is the IP address of the docker0 interface on your computer (on Mac OS you have to put host.docker.internal instead):
xdebug.remote_host = 172.17.0.1
Check that Xdebug is successfully installed by running php -v . You should get something like:
PHP 7.2.19-0ubuntu0.18.04.1 (cli) (built: Jun 4 2019 14:48:12) ( NTS ) Copyright (c) 1997-2018 The PHP Group Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies with Zend OPcache v7.2.19-0ubuntu0.18.04.1, Copyright (c) 1999-2018, by Zend Technologies with Xdebug v2.6.0, Copyright (c) 2002-2018, by Derick Rethans
Configure VS Code debugger to listen for Xdebug
To be able to use Xdebug in VS Code, you need to install the PHP debug extension.
Then go to the debug tab in VS Code (accessible in the side menu) and click on Add configuration. Select PHP, and close the newly created launch.json file:
Configure VS Code debugger to listen for Xdebug
Tip! If your PHP project runs in a Docker container, you need to add the following path mapping to the launch.json file in the Listen for Xdebug section:
"name": "Listen for XDebug", . "port": 9000, "pathMappings": < "/path/to/app/in/docker": "$" >,
Your debugging environment is now ready! π·π
Debug your code with VS Code
Let’s debug our HelloWorldController.php to see which are the query parameters given by the user. You can use the following code for example:
get('name'); return new Response('Hello '.$name.'!'); > >
Press F5 in VS Code to start the debugging session.
Uncheck the _Everything _option in the breakpoints list and put a breakpoint at line 18 by clicking left of the line number. Then go to http://127.0.0.1:8000/hello?name=Louis. You can now see the value of local variables by hovering the mouse pointer over them:
You can do a lot of amazing things with the debugger π, like:
- adding or removing breakpoints
- stepping over, into or out
- watching variables
- evaluating expressions in the debug console
For more information about the power of VS Code debugger, you can visit the official website.
Configure Xdebug to open file links with VS Code
When you encounter an error, or when you use the Symfony debug toolbar or the profiler, you may want to open the desired file directly in your IDE with the cursor at the corresponding line.
To be able to do that, you need to add the following line to your /etc/php/7.2/mods-available/xdebug.ini :
xdebug.file_link_format = vscode://file/%f:%l
Tip! If you run PHP in a Docker container, you can specify a path mapping between your host and your docker like this:
xdebug.file_link_format = 'vscode://file/%f:%l&/path/to/app/in/docker/>/path/to/app/on/host/'
Now, when an error occurs, you can click on it and go directly to the corresponding line in VS Code:
When you visit a route, you can also jump to the corresponding controller by clicking on the debugging toolbar:
Formatting & linting
Formatting and linting your code is a very good practice to keep it clean automatically, and to inform you about some errors.
PHP CS Fixer
The best and commonly used linter for PHP is PHP CS Fixer. It provides a large number of rules to keep your code clean. You can visit this website for more information about the rules and the categories they belong to.
Integrate PHP CS Fixer into VS Code
To be able to auto-format your PHP files in VS Code, you need to install the php cs fixer extension.
The most complete and safe category of rules is @PhpCsFixer. It’s a good point to start. To enable this set of rules in VS Code, open settings.json and add the following line:
"php-cs-fixer.rules": "@PhpCsFixer",
To auto-format your PHP files on save, you also need to add the following lines to your settings.json :
Auto-format on save with PHP CS Fixer
PHP CS Fixer config file
If you want to disable or enable some specific linting rules, you can do it in a .php_cs file at the root folder of your project. If this configuration file is present, VS Code takes it into account and overrides the configuration found in settings.json . You can find more information about the .php_cs file in the GitHub repository. A simple config file to use @PhpCsFixer category and disable some rules could be:
setRules([ '@PhpCsFixer' => true, 'php_unit_internal_class' => false, 'php_unit_test_class_requires_covers' => false, ]) ;
Bonus: add Prettier to PHP CS Fixer
Prettier for PHP is a code formatter which makes some improvements that PHP CS Fixer does not do. It allows you, among other things, to configure a max line length and makes your code even cleaner.
To add Prettier for PHP to your PHP CS Fixer configuration, you can follow these instructions.
In case of issues with format on save
Depending on your computer’s speed, the length of your files and the number of rules you activate, linting a file on save can be slow, causing VS Code to refuse it. To fix this behavior, change the formatOnSaveTimeout in your settings.json :
"editor.formatOnSaveTimeout": 5000,
Twig support
To activate syntax highlighting for Twig files in VS Code, you need to install the Twig Language 2 extension.
To enable emmet suggestions like in HTML files, add the following line to your settings.json :
Database management
A good VS Code extension to manage your databases is SQLTools. Feel free to install it and manage your databases directly from your IDE!
Enjoy coding in PHP with VS Code π and feel free to give me your feedback! π
Want to learn more about how Theodo can help bring your Symfony project to the next level? Learn more about our team of Symfony experts.
ΠΠ°ΠΊ Π·Π°ΠΏΡΡΡΠΈΡΡ php server Π² vs code?
ΠΠΎΡΡΠ½ΠΈΡΠ΅ ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° Π½Π°ΡΠΈΠ½Π°ΡΡΠ΅ΠΌΡ Π² php, ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ PHP Server Π² VS CODE.
ΠΡΠΈ Π·Π°ΠΏΡΡΠΊΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡ ΠΎΠΊΠ½Π° Ρ ΠΎΡΠΈΠ±ΠΊΠ°ΠΌΠΈ:
ΠΡΠΈΠ±ΠΊΠΈ ΠΎΡΡΡΠ»Π°ΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ settings.json:
Π£ ΠΌΠ΅Π½Ρ php ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ. Π Π½Π΅ΡΠ΅ Π΅ΡΡΡ ΡΡΠ°ΡΡΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ php Π½Π° windows
ΠΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΏΡΡΡ ΠΊ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΠΎΠΌΡ ΡΠ°ΠΉΠ»Ρ php.exe Π² ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ PATH Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ
windows
"php.validate.enable": true, "php.validate.run": "onSave", "php.validate.executablePath": "D:/ospanel/modules/php/PHP-7.2/php.exe",
ΠΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΠ΅ ΠΏΡΡΡ ΠΊ ΠΠ°ΡΠ΅ΠΌΡ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΠΎΠΌΡ ΡΠ°ΠΉΠ»Ρ php
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈ ΡΠ°ΠΉΠ»Π° VSCode ΡΠ°ΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ Π΅Π³ΠΎ Π½Π° ΠΎΡΠΈΠ±ΠΊΠΈ php
ΠΡΠΎΠ³ΠΎ:
ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ php Π½Π° windows ΠΏΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΠΎΠ²ΡΠ²Π°Π΅ΠΌ php.ini-production Π² php.ini;
ΡΠ°ΡΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΠΌ (ΡΠ±ΠΈΡΠ°Π΅ΠΌ Π·Π½Π°ΠΊ π ΠΏΠ΅ΡΠ΅Π΄ ΡΡΡΠΎΡΠΊΠ°ΠΌΠΈ:
extension=php_curl.dll; extension=php_gd2.dll; extension=php_mbstring.dll; extension=php_openssl.dll; extension=php_pdo_mysql.dll; extension=php_pdo_sqlite.dll; extension=php_sqlite3.dll.