使用 emmet 缩写创建颜色答案

【问题标题】：Create color with emmet abbreviation使用 emmet 缩写创建颜色
【发布时间】：2021-01-17 18:04:38
【问题描述】：

我的vim版本是8.2，vim-emmet版本是0.86。
下面的 CSS 缩写怎么写？

border: 1px solid #dcd2ba;

手册上说：

例如，bd5#0s 扩展为边框：5px #000 solid：# 符号将颜色与 5 分开，并且由于 s（对 solid 的别名）不是十六进制字符，因此可以不使用 - 值分隔符。

为什么在我的 vim 中，bd5#0s 什么都不展开？
我的 vim 中发生了一个奇怪的扩展：

bd1s

扩展为

border-break: close;

和

bd1 s

扩展为

border: 1px solid #000;

但是

bd2 s

扩展为

box-shadow: inset hoff voff blur spread rgb(0, 0, 0);

而不是

border: 2px solid #000;

我的 emmet 哪个配置有误？以及如何检查和修复它？

【问题讨论】：

【解决方案1】：

我查看了源代码，我不认为...它没有错误。

边框语句的实际规则：

"bd+": "border:${1:1px} ${2:solid} ${3:#000};",

这表明正确的顺序是最后的颜色，但在我的测试中我无法让它工作。我还尝试为s=solid 添加一个别名，据说它存在，但我在源代码中找不到它。

还有一些其他的文档示例，暂时不工作。

我的结论是，在我看来，它只是坏了。（我建议你添加自己的 sn-p。）

【讨论】：

【解决方案2】：

emmet 文档描述了如何添加十六进制颜色。见https://docs.emmet.io/css-abbreviations/

bd5#0s 扩展为边框：5px #000 实心：# 符号将颜色与 5 分开，并且由于 s（实心的别名）不是十六进制字符，因此可以不使用 - 值分隔符。

所以在你的情况下使用bd1#dcd2bas

【讨论】：