vue2-ace-editor自定义高亮语法

1、相关参考链接文档
http://www.cnblogs.com/tangyuu/p/9988202.html （高亮文件相关语法的说明，这篇文章写得很好）
https://www.cnblogs.com/tangyuu/p/9984688.html （ace相关方法的说明）
https://ace.c9.io/tool/mode_creator.html（在线 测试/校验 高亮语法）
https://github.com/ajaxorg/ace/wiki/Creating-or-Extending-an-Edit-Mode#commonTokens（高亮的类（命名））
https://ace.c9.io/api/edit_session.html（ace可编辑的相关方法）

2、步骤说明
（1）新建一个文件，定义高亮语法。可先通过在线实时匹配高亮语法先写好
this./
},
{
token: "variable.parameter",
regex: /[WARN(ING)?.+$/,
},
{
token: "keyword.operator",
regex: '([a-zA-Z][a-zA-Z_0-9]|_)\s(?=(,|\.|<-|->|\)|\]|=))'
}
],
text: [{
token: "link",
regex: /(?:https?://|ftp://|file://|mailto:|callto:)[^\s[]+/,
next: "start"
}]
};

（2）导出的几个关键点，名字需要与文件名相同

image.png

（3）在使用组件的时候需要讲写好的文件require进来

image.png

（4）通过brace模块可以查看相关的信息
brace/mode/json（mode文件夹下是高亮的正则语法）
brace/theme/tomorrow_night（theme文件夹下是编辑器的主题色）
brace/ext/linking（ext文件夹下是编辑器的相关方法（超链接、搜索框等））