vue3 使用 highlight

1. 安装:

npm install --save highlight.js

npm install --save @highlightjs/vue-plugin

2. main.js中导入:

import 'highlight.js/styles/atom-one-dark.css'
import 'highlight.js/lib/common'
import hljsVuePlugin from '@highlightjs/vue-plugin'

//注册组件
const app = createApp(App)

app.use(hljsVuePlugin)

3. 组件中使用:

js部分: let code = 'console.log('aaa')'

你可能感兴趣的:(模板,vue.js,javascript,前端)