visual-studio-code - 在 Visual Studio Code 中,使用 Emmet 将 HTML 标记包装在一行中

标签 visual-studio-code vscode-settings emmet

我知道怎么做 wrap a single line通过使用 在带有 Emmet 的 HTML 标记中的文本用缩写包裹 .有用。但是,它会产生以下输出:

<h1>
    HTML5
</h1>

我想要的是这个:
<h1>HTML5</h1>

我可以在我的用户设置中取得一些进展:
"emmet.syntaxProfiles": {
    "html": {
        "tag_nl": false            
    }
}

但是,我的输出看起来像这样,带有额外的空格:
<h1>    HTML5 </h1>

奇怪的是,如果要单独包装包含多行的选择,visual studio 会按照我的意愿行事。导致这种行为的只是个别行。例如,如果想包装这个:
foo
bar

我最终得到了这个,这就是我想要的:
<h1>foo</h1>
<h1>bar</h1>

有没有办法解决这个问题?我只想在没有花哨格式的标签中包装一些文本:
<h1>HTML5</h1>

也许值得指出的是,WebStorm 和 Atom 的包装正如我所料。这是一个 Visual Studio Code 特定的东西。

最佳答案

我试过你的代码:

"emmet.syntaxProfiles": {
    "html": {
        "tag_nl": false            
    }
}

它现在可以完美地使用单行选择,但多行仍然有问题(添加了额外的制表符和空格)

关于visual-studio-code - 在 Visual Studio Code 中,使用 Emmet 将 HTML 标记包装在一行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52468763/

相关文章:

phpstorm - 使用 Emmet 包装和内包装 HTML

sublimetext3 - Emmet HTML div标签带有多个单词的类名

javascript - 在 VS Code 中突出显示 "Cannot find name"/"any"

visual-studio-code - VSCode 多光标剪切/粘贴行为已更改

asp.net-mvc - vscode上如何引用其他项目的dll

visual-studio-code - 如何防止 VS Code 折叠尾随空行?

visual-studio-code - VS Code - 切换时选项卡重新加载

typescript - 在 Visual Studio Code 中使用建议的方法参数

python - 如何在 VSCode 中禁用所有 python linting

html - 将值列表传递给 emmet 生成器表达式