我一直在尝试添加对vuejs语言的支持,但到目前为止,我所有的尝试都失败了。我已经尝试了monaco-vue插件的编辑器,但它似乎也不起作用。
我想要达到的最终结果是,如果不像vetur (vscode的vuejs插件)那么好的话,就像codesandbox.io一样提供完备性。
任何形式的帮助都将不胜感激。提前谢谢。
发布于 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并不难,如下所示:
mounted: function () {
this.editor = monaco.editor.create(document.getElementById('container'), {
value: 'this is code',
automaticLayout: true
})
},
https://stackoverflow.com/questions/54281131
复制相似问题