在做覆盖率统计时，我们需要给指定代码行染色高亮，这里使用vue2+codemirror实现代码的渲染和染色。效果图如下：

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/