如何使用react syntax highlighter组件高亮代码

 时间:2024-10-12 17:32:08

1、首先,使用npm add react-syntax-highlighter命令在项目中添加该程序包。

如何使用react syntax highlighter组件高亮代码

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

如何使用react syntax highlighter组件高亮代码

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

如何使用react syntax highlighter组件高亮代码
  • 如何设计vue动态路由导航
  • el-steps设置内容居中显示
  • nginx-windows版本的下载与使用
  • 如何导出无版本控制信息的项目:svn
  • 简易 SQL 源代码格式化 文字加色 高亮着色 源码
  • 热门搜索
    lpl什么意思 樱桃的功效与作用 什么是六书 因人而异什么意思 跟车员是做什么的 无花果的作用 开宠物店需要什么条件 复方玄驹胶囊的功效与作用 马虎眼草的功效与作用 初中数学知识点大全