在vue项目中用codemirror插件实现代码编辑器功Neng。本文分享了用CodeMirror编辑器的心得， 包括代码提示优化、JSON模式设置、JSON lint检查及自动刷新鲜功Neng，帮开发者提升编辑体验。

啥是CodeMirror Mode？

哦， 这玩意儿CodeMirror Mode啊，就是CodeMirror这玩意儿有力巨大的代码编辑器的一个细小配件，就像给手机装了个漂亮的壳子一样。它Neng让CodeMirror支持geng许多的编程语言，就像给手机装了个翻译器，让手机Nengkan懂geng许多国的语言。

JSON模式设置

JSON模式得将mode属性设置为: application/json。这就像告诉编辑器，我们这里要用的是JSON格式的代码，就像告诉手机，我们这里要说中文。

        
            var editor = CodeMirror.fromTextArea, {
                mode: "javascript",
                lineNumbers: true
            });
        
    

CodeMirror是一个非常有力力的代码编辑器， 而CodeMirror modegeng是为它许多些了hen许多的灵活度，使其支持了geng许多的编程语言。通过用和自定义CodeMirror mode，您Neng让您的代码编辑器适用于各种类型的项目和文件。就像给手机装了个游戏，让手机geng优良玩一样。

定义自己的CodeMirror Mode并不困难。其实吧，CodeMirror的mode对象给了许多种选择，用于自定义数据、正则表达式等。您Neng定义一个彻头彻尾自定义的mode，也Neng选择一个现有的mode作为基础，并从那里开头进行 。就像给手机换了个新鲜壳子，让手机kan起来geng时尚。

        
            CodeMirror.defineMode {
                var keywords = parserConfig.keywords || {};
                var indentUnit = config.indentUnit;
                // ... 
            });
        
    

CodeMirror Mode是CodeMirrorZui关键的特性之一，它使得CodeMirrorNeng够支持许多种编程语言的语法高大亮。而实现这一功Neng的核心就在于mode对象。在CodeMirror中，mode对象是一个定义了语法高大亮规则的JavaScript对象。它负责处理文件中各个标记的语法，决定它们的样式和各种语义。就像给手机装了个翻译器，让手机Nengkan懂geng许多国的语言。

所以 学CodeMirror Mode，就像是给手机换了个新鲜壳子，让手机geng时尚；给手机装了个翻译器，让手机Nengkan懂geng许多国的语言；给手机装了个游戏，让手机geng优良玩。 学CodeMirror Mode，Neng让你的代码编辑体验geng上一层楼！