vue2使用Codemirror代码编辑器插件

让我们先看看需求 ：一个有SQL语言提示代码编辑器

 一 . 我这里用的是vue2 三种方法，得指定版本号，不指定就是默认最新，版本6以上都是vue3的版本，引入使用会报错

vue3的版本叫vue-codemirror，vue2的版本叫codemirror

// 我这里使用的5.46.0版本的，vue2.7，如果各位小伙伴5.46.0的版本不支持就安装5以下版本吧
npm install [email protected] --save 

二  . 创建一个组件，直接cv进代码就好了，我的组件名叫CommonEditor.vue

主题请参考官网CodeMirror: Theme Demo，注意：使用主题前记得引入哦（主题位置有注释）

使用

三. 到了最重要的使用环节了，确实也挺简单，在你的页面引入这个组件就好了