Vue-Codemirror 适用于 Vue 的 Web 代码编辑器

时间：2021-04-06 15:15:39 收藏：0 阅读：194

npm：https://www.npmjs.com/package/vue-codemirror

npm install vue-codemirror --save

main.js

import Vue from ‘vue‘
import VueCodemirror from ‘vue-codemirror‘
 
// require styles
import ‘codemirror/lib/codemirror.css‘
 
// require more codemirror resource...
 
// you can set default global options and events when use
Vue.use(VueCodemirror, /* { 
  options: { theme: ‘base16-dark‘, ... },
  events: [‘scroll‘, ...]
} */)

component.vue

// require component
import { codemirror } from ‘vue-codemirror‘
 
// require styles
import ‘codemirror/lib/codemirror.css‘
 
// require more codemirror resource...
 
// component
export default {
  components: {
    codemirror
  }
}

记录。

原文：https://www.cnblogs.com/sxdjy/p/14621443.html