首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将vue js语言支持添加到monaco editor

将vue js语言支持添加到monaco editor
EN

Stack Overflow用户
提问于 2019-01-21 05:26:02
回答 1查看 1.3K关注 0票数 2

我一直在尝试添加对vuejs语言的支持,但到目前为止,我所有的尝试都失败了。我已经尝试了monaco-vue插件的编辑器,但它似乎也不起作用。

我想要达到的最终结果是,如果不像vetur (vscode的vuejs插件)那么好的话,就像codesandbox.io一样提供完备性。

任何形式的帮助都将不胜感激。提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2019-02-07 03:51:40

据我所知,通过Vue组件,你可以很容易地在你的Vue应用程序中呈现Monaco编辑器。编辑器中的Vue语言支持要求您将编辑器连接到语言服务器协议( language Server Protocol,LSP)-compliant服务。我相信Vetur是一个LSP实现--尽管到目前为止我还没有尝试将我的Monaco编辑器连接到它。Vetur LSP项目似乎有不错的文档:https://github.com/vuejs/vetur/tree/master/server

有关将LSP集成到Monaco编辑器的概述,请参阅以下内容:https://typefox.io/teaching-the-language-server-protocol-to-microsofts-monaco-editor

...and一个到一个模块的链接,这个模块也有帮助(也来自Typefox):https://github.com/TypeFox/monaco-languageclient

请注意,在我上次访问该项目时,它不能在最新版本的Monaco上运行--尽管我在14.xx版本中并没有丢失任何值得注意的特性。

另外,我也不能让Monaco为我工作。通过挂载的生命周期钩子将编辑器呈现给挂载钩子上的DOM并不难,如下所示:

代码语言:javascript
复制
  mounted: function () {
    this.editor = monaco.editor.create(document.getElementById('container'), {
      value: 'this is code',
      automaticLayout: true
    })
  },
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54281131

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档