monaco-editor - 如何向 Monaco 编辑器添加新的语言语法？

Question

我添加了我的语言并按照此处的说明进行构建 https://github.com/Microsoft/monaco-languages

npm run prepublish

这会输出一个包含 dev、esm 和 min 文件夹的发布文件夹，但是如何处理此输出以将其添加到 Monaco 编辑器中？

Answer 1

如果你只是想测试一下:

~$ git clone https://github.com/Microsoft/monaco-editor
~$ cd monaco-editor
~/monaco-editor$ npm install .
~/monaco-editor$ npm run simpleserver

只需确保 monaco-editor 和 monaco-languages(或任何其他插件)在同一目录下即可。

如果您想创建自己的版本，那么您可以简单地编辑 https://github.com/Microsoft/monaco-editor/blob/master/metadata.js#L68-L70指向您的 monaco-languages。我想您也可以更新 package.json 以安装您自己的 monaco-languages 版本，或者简单地将您的 ~/monaco-languages/release 文件夹复制到 ~/monaco-editor/node_modules/monaco-languages/.

之后只需 ~/monaco-editor$ npm run release 即可获得发布文件夹。