Skip to content

高亮代码行

要想高亮特定行,只需在括号 {} 中添加行号即可。行号默认从 1 开始。

md
```ts {2,3}
function add(
  a: Ref<number> | number,
  b: Ref<number> | number
) {
  return computed(() => unref(a) + unref(b))
}
```

动态逐行高亮

要更改多次点击中高亮的内容,可以使用 | 分隔每个阶段:

md
```ts {2-3|5|all}
function add(
  a: Ref<number> | number,
  b: Ref<number> | number
) {
  return computed(() => unref(a) + unref(b))
}
```

这会首先高亮 a: Ref<number> | number and b: Ref<number> | number,然后在点击一次后是 return computed(() => unref(a) + unref(b)) ,最终高亮整个块。

你可以将行号设置为 hide 以隐藏代码块,或设置为 none 以不突出显示任何行:

md
```ts {hide|none}
function add(
  a: Ref<number> | number,
  b: Ref<number> | number
) {
  return computed(() => unref(a) + unref(b))
}
```

TIP

你可以在 点击动画指南 中了解更多。

Released under the MIT License.