1.npm install vue-codemirror –save

vue version^2.6.11

2.src/common/typings/shims-global.d.ts

declare module 'vue-codemirror';

3. You can introduce it directly in your own page

import { codemirror } from 'vue-codemirror';
import 'codemirror/lib/codemirror.css';

@Component({
  components: {
    codemirror,
  },
})

4. Page use;codemirror api

// index.vue

<codemirror ref="myCmGenerate" v-model="code.inputContent" :options="codeOptions" @changes="changeInputCode"></codemirror>


// index.ts

codeOptions = {
    tabSize: 4,
    mode: {
      name: 'javascript',
      json: true,
    },
    theme: 'foo bar',
    lineNumbers: true,
    lineWrapping: true,
    extraKeys: { 'Ctrl': 'autocomplete' },
    lineWiseCopeCut: true,
    showCursorWhenSelecting: true,
    matchBrackets: true,
    line: true,
    readOnly: true,
    disableInput: true
  };