如何在 vs 代码中启用更漂亮的自动关闭标签？

Question

I want to enable auto close empty tag with Prettier in Visual Studio Code v 1.37.1.

I want this:

<img src='/logo.svg' alt='' />
<div />

from this:

<img src='/logo.svg' alt=''>
<div></div>

Anyone knows where to enable it in Prettier or with any other extension ??

Answer 1

I had problem with emmet from vs code. When I set this to html my img tags were looking like this:

<img src='' alt=''> 

And I couldn't save document without having a prettier error.

After set this in setting.json in vscode:

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },

When I write img and press tab, I'm getting this:

<img src='' alt='' />

And divs stays like they should look like:

<div></div>