

The IDE will analyze those files and provides completion based on your customizations. You can also see this preview when autocompleting your code with the help of the Documentation popup ( F1 /Ctrl+Q).īesides that, PhpStorm will support the customizations you make using files. If you hover over a class in your HTML and CSS files, the IDE will show you the preview of the resulting CSS. You’ll also see completion suggestions for pseudo-class variants. One of the most anticipated improvements, support for Tailwind CSS, will finally land in PhpStorm 2020.3! Let’s see how this can help you work with this popular framework more efficiently.įirst, you can now expect PhpStorm to autocomplete Tailwind classes in your HTML files and after the directive. It is already included in PhpStorm, and we’ll announce full support as soon as Xdebug Cloud is generally available. We’ve been working closely with Derick Rethans to support the upcoming Xdebug Cloud.

Learn more about Xdebug 3 in the Upgrade guide. We’ll add a breakpoint and run the default debug configuration Debug ‘index.php (PHP Script)’ from the file context menu. You can adjust the port and other settings for Xdebug under Preferences/Settings | Languages & Frameworks | PHP | Debug. To ease migration, PhpStorm will be listening to both ports by default. Xdebug’s default debugging port has changed from 9000 to 9003. To configure Xdebug X, the only thing we need to specify is XDEBUG_MODE=debug. RUN mkdir -p /usr/src/php/ext/xdebug & curl -fsSL | tar xvz -C "/usr/src/php/ext/xdebug" -strip 1 & docker-php-ext-install xdebug Let’s add the following Docker configuration to our project and create a remote interpreter based on it. The configuration is now much faster and easier to set up. If you are a fan of dump-and-die debugging, consider giving the new Xdebug 3 a try. If you prefer watching to reading, check out the Coming in PhpStorm 2020.3 series on our JetBrains YouTube channel!

This build introduces support for the upcoming Xdebug 3, Tailwind CSS, improvements for Twig, Git stage support, and the ability to generate multiple files with templates.
