Angular - 如何将 Monaco Kusto 集成到 ngx-monaco-editor？答案

【问题标题】：Angular - How to integrate Monaco Kusto to ngx-monaco-editor?Angular - 如何将 Monaco Kusto 集成到 ngx-monaco-editor？
【发布时间】：2020-07-01 12:29:55
【问题描述】：

我想添加对 Monaco 编辑器的支持以支持 Kusto 查询。因此，我尝试将 kusto 作为一种语言添加到 Monaco Editor Options。但是，这行不通。

editorOptions = { theme: 'vs-dark', language: 'kusto' };

所以，我在 Google 上搜索并找到了 @kusto/monaco-kusto 包 (https://www.npmjs.com/package/@kusto/monaco-kusto)。我安装了这个包。但是，我不知道将此包与 Monaco Editor 集成。他们的文档看起来很混乱。谁能帮我为我的摩纳哥编辑器添加 Kusto 语言支持？我正在使用 Angular 9。

【问题讨论】：

标签： angular monaco-editor azure-data-explorer ngx-monaco-editor

【解决方案1】：

monaco-kusto 今天很难集成，主要有两个原因：

大量使用 web worker 需要 webpack 配置操作，这些操作通常不适用于使用像 create-react-app 这样的产品的人
语言服务是从 C# 转换而来的，生成的代码不是模块，而是全局导入

如果只需要语法高亮，可以尝试使用下面的textmate配置结合monaco-textmatenpm包https://github.com/rosshamish/kuskus/blob/master/kusto-syntax-highlighting/syntaxes/kusto.tmLanguage

【讨论】：

您好罗尼，感谢您的回答。我只想要 Kusto Query 的语法突出显示功能。目前，我正在使用ngx-monaco-editor 包。我需要用monaco-textmate 替换它吗？你能指导我具体的步骤吗？我正在使用 Angular 9。
如果我在我的模块文件中设置monaco-textmate，我如何在我的组件文件中访问它？你能提供一些角度的例子吗？有没有办法将 kusto 支持作为自定义语言添加到摩纳哥？