- Syntax highlighting
- Snippets
- Emmet
- Pretty Diff Formatting
- Hover
I have created a new extension to fix the issues that I (and all of you) were having with file associations, issues with commenting and also the most important issue with the icon in the sidebar.
Simply add these lines to your VSCode settings to get emmet and HTML Intellisense working and also to associate HTML files as twig syntax.
"files.associations": {
"*.html": "twig"
},
"emmet.includeLanguages": {
"twig": "html"
},
Install through Visual Studio Code extensions. Search for Twig Language 2
Visual Studio Code Market Place: Twig Language 2
Twig Language 2 is a Visual Studio Code extension that provides snippets, syntax highlighting, hover, and formatting for the Twig file format.
This extension provides language support for the Twig syntax.
Using PrettyDiff, this extension implements the only working code formatter for Twig files in VSCode.
VSCode Twig language 2 shows information about the symbol/object that's below the mouse cursor when you hover within Twig files.
Adds a set of Craft CMS/Twig code snippets to use in your Twig templates.