VSCode Twig Language 2

• Syntax highlighting
• Snippets
• Emmet
• Pretty Diff Formatting
• Hover

What has changed since version 1?

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"
},

Installation

Install through Visual Studio Code extensions. Search for Twig Language 2

Visual Studio Code Market Place: Twig Language 2

Documentation

Twig Language 2 is a Visual Studio Code extension that provides snippets, syntax highlighting, hover, and formatting for the Twig file format.

Twig syntax highlighting and language support

This extension provides language support for the Twig syntax.

Code formatter/beautifier for Twig files

Using PrettyDiff, this extension implements the only working code formatter for Twig files in VSCode.

Information about Twig code on hover

VSCode Twig language 2 shows information about the symbol/object that's below the mouse cursor when you hover within Twig files.

Craft CMS/Twig code snippets

Adds a set of Craft CMS/Twig code snippets to use in your Twig templates.