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,您也可以通过以下方式找到它:
导航菜单:单击 - 文件 > 首选项 > 设置(或
按 Ctrl + ,)
在顶部的搜索框中键入 Show Words
取消选中设置编辑器 > 建议:显示文字
一些观察,这可能对未来的读者有所帮助:
CTRL + Space
强制进行非建议的(智能感知)扩展。
"emmet.triggerExpansionOnTab": true
还扩展了非建议选项。
如果你输入 dn!i
它会给你建议 dn: i !important;
然后你删除 'i' 然后点击 enter/tab,它会按预期展开。
我认为错误 https://github.com/microsoft/vscode/issues/120245 仍然没有完全解决。否则,您可以输入“dn!important”,它会按预期展开。
我在 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,您也可以通过以下方式找到它:
导航菜单:单击 - 文件 > 首选项 > 设置(或 按 Ctrl + ,)
在顶部的搜索框中键入 Show Words
取消选中设置编辑器 > 建议:显示文字
一些观察,这可能对未来的读者有所帮助:
CTRL + Space
强制进行非建议的(智能感知)扩展。"emmet.triggerExpansionOnTab": true
还扩展了非建议选项。如果你输入
dn!i
它会给你建议dn: i !important;
然后你删除 'i' 然后点击 enter/tab,它会按预期展开。我认为错误 https://github.com/microsoft/vscode/issues/120245 仍然没有完全解决。否则,您可以输入“dn!important”,它会按预期展开。