添加VUE JS语言支持摩纳哥编辑器

Question

我一直在试图vuejs语言支持添加到摩纳哥的编辑器，但到目前为止，我所有的尝试都失败了。我试过monaco-vue插件编辑器，但它似乎没有擦出火花。

我想达到的最终结果是提供补就像codesandbox.io如果不如vetur（vuejs插件vscode）。

任何形式的帮助将升值。提前致谢。

Answer 1

摩纳哥-VUE，据我所知，只是使您能够轻松地通过Vue公司组件的方式呈现摩纳哥编辑器到您的Vue公司的应用程序。在编辑器中的Vue语言支持，您需要挂钩编辑器语言服务器协议（LSP）标准的服务。我相信Vetur是LSP实现 - 虽然我还没有尝试我的摩纳哥编辑器来进行连接的呢。该Vetur LSP项目似乎有体面的文件：https://github.com/vuejs/vetur/tree/master/server

对于整合LSP到摩纳哥编辑器的概述，请参阅本：https://typefox.io/teaching-the-language-server-protocol-to-microsofts-monaco-editor

......并模块与这有助于（也Typefox）链接：https://github.com/TypeFox/monaco-languageclient

要注意的是，因为我对这个项目最后一次访问的，它不与摩纳哥的最新版本的工作 - 虽然我还没有通过版14.xx.住回丢失的音符的任何功能

此外，我不能让摩纳哥Vue公司为我工作。不难通过安装钩子生命周期呈现在编辑器中的DOM上安装挂钩，这样的嵌入方式：

  mounted: function () {
    this.editor = monaco.editor.create(document.getElementById('container'), {
      value: 'this is code',
      automaticLayout: true
    })
  },