使用此插件的方法

如需启用此插件,请向代码块添加 match-braces

<pre><code class="language-xxxx match-braces">...</pre></code>

就像 language-xxxx 一样,match-braces 类也会被继承,因此可以向 <body> 添加该类以启用整个页面的插件。

当光标悬停在一个大括号上时,该插件会突出显示大括号对。一旦光标离开大括号对,突出显示效果就会消失。
可通过向代码块添加 no-brace-hover 来禁用悬停效果。此类也可以被继承。

您也可以单击一个大括号以选择大括号对。要取消选择对,请单击代码块中的任意位置或选择另一对。
可通过向代码块添加 no-brace-select 来禁用选择效果。此类也可以被继承。

彩虹大括号 🌈

要启用彩虹大括号,只需向代码块添加 rainbow-braces 类即可。此类也可以被继承。

示例

JavaScript


	
const func = (a, b) => {
	return `${a}:${b}`;
}

Lisp

(defun factorial (n)
	(if (= n 0) 1
		(* n (factorial (- n 1)))))

带有彩虹大括号 🌈 但未悬停的 Lisp

(defun factorial (n)
	(if (= n 0) 1
		(* n (factorial (- n 1)))))