emmet 是否允许布尔属性?

pla*_*web 3 html shortcut emmet

当我在理解 emmet 的编辑器中输入以下文本时:

div.fragment>pre>code.javascript[contenteditable]
Run Code Online (Sandbox Code Playgroud)

它扩展为:

<div class="fragment">
    <pre><code class="javascript" contenteditable=""></code></pre>
</div>
Run Code Online (Sandbox Code Playgroud)

这几乎是完美的,除了布尔属性不应该有引号。有没有办法编写快捷方式,使其像这样正确扩展:

<div class="fragment">
    <pre><code class="javascript" contenteditable></code></pre>
</div>
Run Code Online (Sandbox Code Playgroud)

Kyl*_*len 5

截至 2013 年 10 月,这现在是可能的。

input[type=checkbox checked.]
Run Code Online (Sandbox Code Playgroud)

默认情况下,在 boolean 属性后直接键入单个句点 (.) 将产生以下输出:

<input type="checkbox" checked="checked" />
Run Code Online (Sandbox Code Playgroud)

如果您希望 Emmet 输出不带参数的属性名称,例如

<input type="checkbox" checked />
Run Code Online (Sandbox Code Playgroud)

您需要将以下键值对添加到 Emmet 用户设置中的 'html' 对象(Mac:'Sublime Text' > 'Preferences' > 'Package Settings' > 'Emmet' > 'Settings - User')

"compact_bool": true
Run Code Online (Sandbox Code Playgroud)

  • 自 2020 年起,编辑 VS code 的 settings.json 文件。在 `"emmet.preferences":{}` 中将属性 `profile.allowCompactBoolean` 设置为 true 。 (6认同)