如何为VS Code个人CSS代码片段添加删除线样式?
在VS Code自定义代码片段中添加删除线样式(模拟内置废弃属性提示)
要给个人代码片段加上VS Code内置提示里那种删除线样式,其实很简单,只需要在代码片段的定义里加两个关键设置就行:
首先,打开目标语言的用户代码片段文件:
点击顶部菜单栏的「文件」→「首选项」→「用户代码片段」,然后选择对应的语言(比如CSS就选css.json)。在你要标记为废弃/遗留的代码片段中,添加这两个属性:
"deprecated": true:这个属性会让VS Code在代码补全列表里直接给该片段的前缀加上删除线,和内置的废弃属性表现完全一致。- 在
description里用Markdown删除线语法~~内容~~,可以在提示的描述文本里也标注该属性已废弃。
举个实际的例子,比如你要添加一个带删除线的旧版WebKit属性片段:
{ "Deprecated WebKit Box Orient": { "prefix": "webkit-box-orient", "body": ["-webkit-box-orient: $1;"], "description": "~~-webkit-box-orient~~ - 兼容旧版WebKit内核的遗留废弃属性", "deprecated": true } }
保存之后,当你在CSS文件里输入webkit-box-orient时,就能看到和内置废弃属性一样的删除线样式提示了。
另外要注意,这个deprecated属性是VS Code对代码片段的原生支持,不需要额外安装插件,完全靠配置就能实现你要的效果。
内容的提问来源于stack exchange,提问作者tym007




