使用vue2+codemirror实现java代码回显和编辑功能。
效果图如下:
1、安装 vue-codemirror
// 指定安装4.x版本
// 目前最新版本6.x,仅支持Vue3.0
npm i vue-codemirror@4.x --save// codemirror 需要与 vue-codemirror 同时安装
npm i codemirror@5.x --save
2、引入配置文件
import { codemirror } from 'vue-codemirror'import 'codemirror/mode/clike/clike'// cm-setting.js// 组件样式import 'codemirror/lib/codemirror.css'// 主题import 'codemirror/theme/eclipse.css'// import 'codemirror/theme/monokai.css'// html代码高亮import 'codemirror/mode/htmlmixed/htmlmixed.js'// 语言模式import 'codemirror/mode/javascript/javascript.js'import 'codemirror/mode/css/css.js'import &#