在很多需要为用户提供编写代码能力的服务中，我们需要给用户提供一下能力足够强大的编辑器，这样可以使得用户在编写代码时更顺畅，减少查询文档次数，降低出错概率，提升编码效率。

而想要提供这些能力，就需要一个足够强大的代码编辑器，并且为它添加我们自定义语言的支持，这样用户可以在语法高亮、自动完成等方面得到足够的支持。

为什么用 Monaco Editor？

Visual Studio Code 是世界一个非常流行的代码编辑器，而 Monaco Editor 是用于构建 VSCode 核心功能的代码编辑器，它提供了相当多的功能，用于实现各种代码编辑能力。并且微软为 Monaco Editor 提供了单独的项目，单独的打包脚本，因此我们可以轻易的将 Monaco Editor 集成到我们自己的 Web 应用中。

Monaco Editor 已经提供了一系列的基础设施，用于完成对自定义语言的支持，只需要通过很小的步骤，我们就可以搭建一个属于自己语言的代码编辑器。

那么，这就开始吧！

Step 1. 注册一个语言

这里将不再赘述如何将 Monaco Editor 引入 Web 应用，在 Monaco Editor 的仓库提供了使用各种方式集成 Monaco Editor 的说明。

为了让 Monaco Editor 知道我们将要添加一种自定义语言的支持，首先需要注册一个自定义语言标识，这里我们选择 mylang 作为我们自定义语言的标识符。

注册一个自定义语言对于 Monaco Editor …

阅读全文 »