vim用户经常利用emmet插件提升编码效率,但有时emmet-vim插件在展开css缩写时会失效,导致代码编写受阻。例如,border: 1px solid #ff0000; 这样的css属性,使用bd5#0s 或 c#ff 等缩写尝试展开,结果却为空白或不完整。
问题根源在于emmet-vim对css缩写的支持与html有所不同。它并非涵盖所有css属性缩写。bd5#0s并非emmet-vim的标准缩写。emmet主要用于快速生成html标签和属性,对css的支持相对有限,需要遵循其特定的缩写规则。c#ff虽然可能展开为color: #ff0000;(取决于配置和emmet版本),但它仅限于颜色属性,无法展开border属性。
为了正确生成border: 1px solid #ff0000;,避免使用自定义css缩写。虽然emmet允许自定义,但这在css中并不推荐,容易造成混乱,且不同emmet版本支持可能不一致。
最佳实践是直接输入完整css属性,或利用emmet的代码补全功能。例如,先输入border:,再使用emmet补全选择属性值。这能确保代码的准确性和一致性。
因此,直接编写border: 1px solid #ff0000;是最可靠的方法。要高效使用emmet-vim,需熟悉其css缩写支持范围及规范,避免使用不确定的自定义缩写。
以上就是vim下emmet插件为何无法展开css缩写?的详细内容,更多请关注代码网其它相关文章!
发表评论