vue 代码编辑器 vue-codemirror

npm install vue-codemirror --save

import { codemirror } from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
Vue.use(codemirror)

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

import { codemirror } from 'vue-codemirror'
import 'codemirror/mode/sql/sql.js'
export default {
        components: {  codemirror  },
        data() {
            return {
                code:'',
                cmOptions: {
                    indentWithTabs: true,
                    smartIndent: true,
                    lineNumbers: true,
                    matchBrackets: true,
                    styleActiveLine: true,
                    cursorHeight:1, // 光标高度
                    autoRefresh: true
                }
            }
        },
}

code:'select * from myTable',