naive-ui/demo/documentation/components/code/zhCN/index.demo-entry.md

代码 Code

预备条件

由于尺寸原因，Naive UI 并不把 hightlight.js 内置。如果你需要使用代码组件，请确保你在使用之前已经设定了 highlight.js。

下面的代码展示了如何为 Naive UI 设定 hljs。比较推荐的方式是按需引入，因为它可以极大的减小打包尺寸。

// ...
import naive from 'naive-ui'
import hljs from 'highlight.js/lib/highlight'
import cpp from 'highlight.js/lib/languages/cpp'

hljs.registerLanguage('cpp', cpp)
naive.setHljs(hljs)

// ...
app.use(naive)

演示

basic

Props

名称	类型	默认值	说明
code	string	''
hljs	Object	undefined	如果你想局部设定 hljs，可以通过这个属性传给组件
language	string	undefined
theme	'light' | 'dark' | string	undefined
trim	boolean	true