Hello everyone! Today I would like to present an updated HMPL extension for VS Code. I delayed the moment of creation for a long time, but now a new version has been released, which is really cool and with which working with the markup language will be much easier.
In general, it was necessary to do this a long time ago, because when working with separate files .hmpl didn't highlight the syntax at all, although it's kind of super easy to do, just highlight it like HTML, but now it's done, and it's just a buzz at all.
What the extension does and how it works
First of all, let's say I'm working with webpack in a project. I have hmpl-loader connected, but here's the problem, the file doesn't support anything at all. Let's say here's the code:
main.hmpl
<div>
<button data-action="increment" id="btn">Click!</button>
<div>Clicks: {{ src: "/api/clicks", after: "click:#btn" }}</div>
</div>
As you can see, there is no color highlighting of tags. The same thing happens in VS Code. Plugins, such as Auto Close Tag and others, also do not work. To fix all this, a plugin for VS Code was needed. What it will look like in VS Code if you enable the extension:
SOCIAL SHARE CARD GENERATOR