【问题标题】:How to enable auto close tag with prettier in vs code?如何在 vs 代码中启用更漂亮的自动关闭标签?
【发布时间】:2020-01-02 16:59:22
【问题描述】:

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

我想要这个:

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

从此:

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

任何人都知道在 Prettier 或任何其他扩展程序中在哪里启用它??

【问题讨论】:

  • 我知道……这不是答案,但你真的需要吗?因为那它不是有效的html5 ...元素div必须用&lt;/div&gt;关闭
  • 为什么无效?
  • 根据 HTML 5 规范,div 元素需要一个结束标记。以this Stackoverflow post 为例

标签: html visual-studio-code prettier


【解决方案1】:

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

<img src='' alt=''> 

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

在vscode的setting.json中设置后:

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

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

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

div 保持其应有的样子:

<div></div>

【讨论】:

    猜你喜欢
    • 2021-12-23
    • 2019-12-07
    • 2020-09-25
    • 2020-10-04
    • 1970-01-01
    • 2020-09-04
    • 2021-02-05
    • 2020-11-02
    • 2020-04-25
    相关资源
    最近更新 更多