vue2 使用vue-codemirror

以下是使用vue-codemirror的步骤：

1.首先，使用npm安装vue-codemirror和codemirror：

npm install vue-codemirror codemirror --save

2.在Vue组件中引入vue-codemirror：

import Vue from 'vue'
import VueCodemirror from 'vue-codemirror'

// 引入css文件
import 'codemirror/lib/codemirror.css'

// 引入mode文件
import 'codemirror/mode/javascript/javascript.js'

Vue.use(VueCodemirror)

3.在Vue组件的template中使用vue-codemirror：

<template>
  <div>
    <vue-codemirror v-model="code" :options="cmOptions"></vue-codemirror>
  </div>
</template>

4.在Vue组件的script中定义code和cmOptions：

<script>
export default {
  data() {
    return {
      code: '',
      cmOptions: {
        mode: 'javascript',
        theme: 'default',
        lineNumbers: true
      }
    }
  }
}
</script>

以上就是使用vue-codemirror的步骤。