Monaco：在 monaco-editor 中为自定义语言创建语言语法定义的最佳方法是什么？

Question

我在 antlr4 中创建了一个相当简单的自定义 DSL。 我试图找到在基于 web 的摩纳哥编辑器中使用它的最简单方法，其中包含所有的花里胡哨。

1. 我看到您可以使用以下方法从头开始创建 monarch 定义： https://microsoft.github.io/monaco-editor/monarch.html的问题是为了保持未来的变化antlr 语法和 monarch json 定义。另外，由于它们是单独的实现，我怎么能确定它们都匹配/同意）。

2. 我还看到您可以手动使用 ANTLR 生成的词法分析器/解析器仅使用 ANTLR 自己完成所有操作： https://tomassetti.me/writing-a-browser-based-editor-using-monaco-and-antlr/ （相比monarch，这似乎是很多手工工作，我很难找到很多这个例子或很多文档）。

3. 有没有一种简单的方法可以从 antlr 文件中生成 monarch json 定义？ 如果不是，通常首选前两个选项中的哪一个，为什么？

Answer 1

ANTLR 文件实际上只是您的语法。 可能有可能从那里获得语法突出显示，但我不记得看到任何为摩纳哥做的事情。

除了语法高亮，您还需要代码完成。 如果您的目标是 Typescript 目标，那么 Mike Lischke（希望我拼写正确）放在一起的 C3 代码完成项目。 它使您尽可能接近语法，但您仍然需要在符号表中查找内容，考虑到 scope。 等等，把它交给正确的逻辑 cursor position 也很棘手（Mike 写了很好的指导来让它正确（不过，当我在完成它之后重读它时，它对我来说更有意义）。

它可以与 JavaScript 目标一起使用，但这需要更多的工作。 （主要是添加到方法中，类型脚本目标具有 JavaScript 目标没有。

此外，它不会仅仅插入摩纳哥。 但是，当您编写代码时，它将为您节省大量工作。