Skip to main content

代码块配置

https://vitepress.vuejs.org/guide/markdown#table-of-contents

代码块中的行高亮​

  • 效果

image-20220829154332100

  • 使用
```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

除了单行之外，您还可以指定多个单行、范围或两者：

  • 行范围：例如{5-8}, {3-10},{10-17}
  • 多条单行：例如{4,7,9}
  • 行范围和单行：例如{4,7-13,16,23-27,40}
```js{1,4,6-8}
export default { // Highlighted
  data () {
    return {
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VitePress is awesome',
      lorem: 'ipsum'
    }
  }
}
```

行号​

导入代码​

<<< @/filepath

<<< @/filepath{highlightLines}

<<< @/snippets/snippet.js{2}

<<< @/snippets/snippet-with-region.js#snippet{1}

的值@对应于源根。默认情况下，它是 VitePress 项目根目录，除非srcDir已配置。