Twig templates support

1. Place the caret inside a template block, in which you want to inject a language and press , or click .

2. Select Inject language or reference and choose the language you want to inject from the popup menu.

   

PhpStorm can automatically inject code into Twig template blocks based on the defined injection rules. Out of the box, the rules for automatically injecting JavaScript code are available.

• In a Twig template, do any of the following:

  • Add a block named javascript as follows:

    {% block javascript %}
    //injected JavaScript code
    {% endblock %}

  • Add a custom script block as follows:

    {% script %}
    //injected JavaScript code
    {% endscript %}

  PhpStorm will automatically inject JavaScript into the template blocks.

  

  Gif

1. In your code, customize the Twig syntax as described in the Twig documentation.

2. Make the corresponding adjustments in PhpStorm so that it can recognize this syntax properly.

   In the Settings dialog () , go to PHP | Twig and type the desired values to be used for the Tag, Comment, and Variable blocks.

   

1. In the Settings dialog () , go to PHP | Debug | Templates and expand the Twig Debug area.

2. In the Cache path field, provide the absolute path to the Twig compiled templates cache folder. Type the path manually or click and select the relevant folder in the dialog that opens. By default, compiled Twig templates are stored in the var/cache/{environment}/twig folder inside your project, where {environment} designates your configuration environment such as dev or prod.

Start a debugging session as described in the Ultimate debugging guide. The easiest and recommended approach is to use Zero-configuration debugging:

1. Choose and install the browser extension suitable for your browser.

2. On the PhpStorm toolbar, toggle to start listening for incoming PHP debug connections, or choose Run | Start Listening for PHP Debug Connections from the main menu.

3. Set a breakpoint in your code.

4. Start the debugging session in the browser using the installed browser extension.

5. During a debugging session, examine the program state: see variable values, evaluate expressions, step through the program, and so on.

note

See Zero-configuration debugging for the detailed step-by-step instructions, and Advanced debugging scenarios for more debugging scenarios.

During a debugging session, PhpStorm will warn you in case the template breakpoint is not reachable, which happens when a template line is not mapped to any line in a compiled PHP file.