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

问题描述 投票:1回答:1

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

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

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

javascript vue.js visual-studio-code monaco-editor liskov-substitution-principle
1个回答
0
投票

摩纳哥-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
    })
  },

© www.soinside.com 2019 - 2024. All rights reserved.