highlight.js高亮代码块

1.npm安装

npm install highlight.js

2.main.js引入

import 'highlight.js/styles/atom-one-light.css'  //主题样式文件
import 'highlight.js/lib/common'

createApp(App).use(hljsVuePlugin).mount('#app')

这个主题是可以切换的

分享二个网站

highlight旧网站 highlight新网站

可根据左侧的菜单栏替换 main.js引入的样式文件

3.使用

在vue文件中写入 code为代码块

<highlightjs autodetect :code="props.code" />