如何使用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 源代码格式化 文字加色 高亮着色 源码
  • 热门搜索
    感冒喝什么汤比较好 空灵的意思 翌日的意思 asl什么意思 民法典什么意思 善解人意的意思 纲举目张是什么意思 纸尿裤什么牌子好 黑皮肤穿什么颜色 衣襟的意思