VitePress-08-文档中代码组的使用

NorthCastle

于 2024-02-04 22:44:51 发布

阅读量381

点赞数 6

分类专栏： VitePress 文章标签： VitePress 代码组的使用

本文链接：https://blog.csdn.net/qq_39505245/article/details/136033734

版权

VitePress 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

什么是代码组

代码组 : 就是代码块的集合。一个代码组中可以包含多个代码块。
效果：用页签的形式将不同的代码块分开展示。

代码组的语法格式

代码组的语法格式较为固定，如下：

	::: code-group
	
	```代码块1的类型 [代码块1展示的页签名称]
	   代码块1
	```

	```代码块2的类型 [代码块2展示的页签名称]
		代码块2
	```
	
	:::

文档内容

	# 代码组

	::: code-group
	
	```java [HelloWorld.java]
	public class HelloWorld{
	    public static void main(String[] args){
	        System.out.println("hello world"); // [!code warning]
	    }
	}
	```
	
	```java:line-numbers [HelloVitePress.java]
	public class HelloVitePress{
	    public static void main(String[] args){
	        System.out.println("hello world"); // [!code error]
	    }
	}
	```
	
	:::