Visual Studio 代码和 emmet !important CSS 修饰符

Visual Studio Code and emmet !important CSS modifier

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

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

p!+m10e!

应该产生:

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

在我这边,它不起作用。 p!+m10e 有效,但 p!+m10e! 无效。最后的感叹号好像有问题

我又用dn!测试显示display: none !important;,问题还是一样

你有什么想法吗?

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

解决方案在于禁用 text-suggestions。事实上,我认为 IntelliSense 显示 !important!default 当您键入感叹号时,Emmet 会变得一团糟。

所以我禁用了这个:

"editor.suggest.showWords": false

如果您更喜欢 UI,您也可以通过以下方式找到它:

  1. 导航菜单:单击 - 文件 > 首选项 > 设置(或 按 Ctrl + ,)

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

  3. 取消选中设置编辑器 > 建议:显示文字

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

  • CTRL + Space 强制进行非建议的(智能感知)扩展。

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

  • 如果你输入 dn!i 它会给你建议 dn: i !important; 然后你删除 'i' 然后点击 enter/tab,它会按预期展开。

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