Home / Questions / 298893
Accepted
E-Rick
Asked: 2020-10-08 01:14:27 +0800 CST 2020-10-08 01:14:27 +0800 CST

How to make emmet shortcuts work in visual studio code .html.twig?

  • 772

I already have emmet installed VS Code Twig Language 2but apparently the shortcuts don't work. I have tried with: 'div>*2'by doing a test and it does not work.

I have tried "div.html>.twig"as this page says:

https://community.c9.io/t/emmet-not-working-in-html-twig-templates/23087 and hit tab twice and nothing...

symfony2

2 Answers

  1. Best Answer

    In the Visual Studio options modify the attribute emmet.includeLanguages:

    "emmet.includeLanguages": {   
    "twig": "html"
}
    • 3

  2. You could force VSCode to recognize the extension .html.twigas pure html, which would give you immediate access to emmet, I did a test and that's how emmet worked for me. If you agree with this option you have to enter Preferences: Open Setting (JSON)With the command Ctrl + Shift + P, once you enter the JSON file you search if you have the property "files.associations", if you have it you add it "*.html.twig": "html", if not you have it, add the complete property like this:

    "files.associations": {
    "*.html.twig": "html"
},
    • 1