How to expand tags that start with dot/period using emmet in heex files?

Phoenix Forum Questions / Help
, ,
1

Hi, I’ve been slowly picking up phoenix, but I’ve been having a problem writing html in a way I’m used to.

Instead of expanding a tag from this
.some-component>

to this
`<.some-component></.some-component>

Emmet in vscode will treat anything that starts with a period as a class. So it will turn into this:

<div class="some-component"></div>

It seems you can escape some characters in emmet, but not periods. Is there any way to fix or modify this behavior? A custom Emmet filter, or some other kind of snippet/override that other people here are using? It makes it very difficult to write html quickly when it can’t be correctly expanded.

2

Have you checked out the Phoenix extensions in vscode? You’d probably want that enabled for these files.