npm install highlight.js --save 或 yarn add highlight.js
import hljs from 'highlight.js'
import 'highlight.js/styles/idea.css' //这里有多个样式,自己可以根据需要切换
Vue.use(hljs.vuePlugin);
<div id="app">
<!-- 可以使用自动检测 -->
<highlightjs autodetect :code="function test(){}" />
<!-- 也可以指定语言 -->
<highlightjs language='javascript' code="var x = 5;" />
</div>
可以参考:https://www.cnblogs.com/Jimc/p/13161836.html
以上文档已经过时了,请参考下面文档:
https://github.com/metachris/vue-highlightjs
https://github.com/highlightjs/vue-plugin