You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何为VS Code个人CSS代码片段添加删除线样式?

在VS Code自定义代码片段中添加删除线样式(模拟内置废弃属性提示)

要给个人代码片段加上VS Code内置提示里那种删除线样式,其实很简单,只需要在代码片段的定义里加两个关键设置就行:

  • 首先,打开目标语言的用户代码片段文件:
    点击顶部菜单栏的「文件」→「首选项」→「用户代码片段」,然后选择对应的语言(比如CSS就选css.json)。

  • 在你要标记为废弃/遗留的代码片段中,添加这两个属性:

    1. "deprecated": true:这个属性会让VS Code在代码补全列表里直接给该片段的前缀加上删除线,和内置的废弃属性表现完全一致。
    2. 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

火山引擎 最新活动