react-codemirror2使用

1. 先安装codemirror，这块我安装的是5.2.0版本；不能直接安最新的版本，否则会有问题，后续文件引入文件找不到资源。
2. 安装react-codemirror2，正常安装即可
3. 代码使用

import { UnControlled as CodeMirror } from 'react-codemirror2'
import 'codemirror/lib/codemirror.css';
import 'codemirror/mode/yaml/yaml';
import 'codemirror/lib/codemirror.js';
import 'codemirror/lib/codemirror.css';
// 代码模式，clike是包含java,c++等模式的
import 'codemirror/mode/clike/clike';
import 'codemirror/mode/javascript/javascript';  //js
import 'codemirror/mode/python/python.js';        //python
import 'codemirror/mode/php/php.js';        //php
import 'codemirror/theme/base16-dark.css'; // 从modules中theme引入主题色
//代码滚动
import 'codemirror/addon/scroll/simplescrollbars.js';
import 'codemirror/addon/scroll/simplescrollbars.css';

          <CodeMirror
                value='我是内容'
                // eslint-disable-next-line no-return-assign
                options={{
                    // lineNumbers: true, // 显示行号
                    mode: 'text/x-java', // 语言
                    // autofocus: true, // 自动获取焦点
                    // styleActiveLine: true, // 光标代码高亮
                    theme: 'base16-dark', // 主题
                    scrollbarStyle: 'overlay',
                    lineWrapping: true, // 代码自动换行
                    foldGutter: true,
                    readOnly: 'nocursor',
                    matchBrackets: true,
                    gutters: ['CodeMirror-linenumbers', 'CodeMirrorfoldgutter']
                }}
            />