Visual Studio Code 和 emmet !important CSS 修饰符

Question

我在使用时遇到问题! 在我的 CSS 代码中。

如果我以 Emmet 文档中的示例为例：

p!+m10e!

应该产生：

padding:  !important;
margin: 10em !important;

在我这边，它不起作用。 p!+m10e有效，但是p!+m10e! 才不是。 最后一个感叹号好像有问题。

我用dn!做了另一个测试dn! 显示display: none !important; ，问题是一样的。

你有想法吗？

Answer 1

Trigger Expansion on Tab启用Trigger Expansion on Tab似乎解决了我机器上的问题。

Answer 2

解决方案在于禁用text-suggestions 。 事实上，我认为 IntelliSense 在您键入感叹号时显示!important和!default的事实让 Emmet 搞砸了。

所以我禁用了这个：

"editor.suggest.showWords": false

如果您更喜欢 UI，也可以通过执行以下操作来找到它：

1. 导航菜单：单击 - 文件 > 首选项 > 设置（或按 Ctrl + ,）

2. 在顶部的搜索框中键入 Show Words

3. 取消选中设置 Editor > Suggest: Show Words

Answer 3

创建自己的片段怎么样？

打开 Visual Studio Code --> 按 ctrl+shift+P --> 搜索“首选项：配置用户片段” --> 选择“css.json” --> 添加代码

Answer 4

一些观察，这可能对未来的读者有所帮助：

• CTRL + Space强制非建议（智能感知）扩展。

• "emmet.triggerExpansionOnTab": true也扩展非建议选项。

• 如果你输入dn!i它会给你建议dn: i !important; 然后你删除 'i' 然后按 Enter/tab，它会按预期扩展。

• 我认为错误https://github.com/microsoft/vscode/issues/120245仍然没有完全解决。 否则，您可以输入“dn!important”，它会按预期扩展。