highlight.js 进行代码高亮
2023-10-10 本文已影响0人
苏苡
安装
这个是highlight.js基础依赖
npm install --save highlight.js
安装支持vue3 的@highlightjs/vue-plugin 依赖
npm install --save @highlightjs/vue-plugin
引入
--- 文件src/main.ts | src/main.js
highlight 的样式，依赖包，组件
import 'highlight.js/styles/atom-one-dark.css'
import 'highlight.js/lib/common'
import hljsVuePlugin from '@highlightjs/vue-plugin'
页面使用
<!-- 把数据绑定到 `code` 属性-->
<highlightjs autodetect :code="code" />
<!--或者直接将显示的代码写到 `code`中 -->
