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

时间:2019-08-29 12:02:28

标签: html visual-studio-code prettier

我想在Visual Studio Code v 1.37.1中使用Prettier启用自动关闭空标签。

我想要这个:

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

从这里:

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

任何人都知道在更漂亮或任何其他扩展中启用它的地方?

1 个答案:

答案 0 :(得分:0)

我在vs代码中遇到emmet问题。当我将其设置为html时,我的img标签看起来像这样:

<img src='' alt=''> 

如果没有更漂亮的错误,我将无法保存文档。

在vscode中的setting.json中设置此值之后:

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

当我写img并按Tab时,我得到了:

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

并且div保持其应有的样子:

<div></div>