Vue3代码展示（vue-codemirror）

vue-codemirror 插件

可自定义设置以下属性：

• 代码样式（codeStyle），类型：CSSProperties，默认 {}

• 是否暗黑主题（dark），类型：boolean，默认 false

• 代码字符串（code），类型：string，默认 ''

效果如下图：

①安装所需依赖：

yarn add codemirror vue-codemirror @codemirror/lang-vue @codemirror/theme-one-dark

②创建代码展示组件CodeMirror.vue：

③在要使用的页面引入：