如何使用react syntax highlighter组件高亮代码
1、首先,使用npm add react-syntax-highlighter命令在项目中添加该程序包。

3、在项目中,需要使用该组件的地方,使用如图命令导入Prism和需要的样式。然后就可以使用如图代码使用了。

5、也可以引入其它的样式,若干支持的样式如图所示,其中还有atomDark。

1、首先,使用npm add react-syntax-highlighter命令在项目中添加该程序包。
3、在项目中,需要使用该组件的地方,使用如图命令导入Prism和需要的样式。然后就可以使用如图代码使用了。
5、也可以引入其它的样式,若干支持的样式如图所示,其中还有atomDark。