在 devops 工作项扩展中添加 monaco 编辑器答案

【问题标题】：Adding monaco editor in devops work items extension在 devops 工作项扩展中添加 monaco 编辑器
【发布时间】：2020-08-09 19:09:04
【问题描述】：

我们尝试使用 monaco 编辑器 (diff editor) 来比较 2 个不同历史时间点的 devops 工作项版本（使用 REST API asOf 参数）。

我们有一个在笔记本电脑和独立 html 页面上工作的概念证明，但我们希望将其嵌入为 devops 扩展。

我找不到关于如何实现这一点的指导（我是 devops 扩展的新手），尤其是 monaco 编辑器已经可用。

我找到了对VSS/Features/Monaco 的引用，尝试使用它没有运气。

    VSS.init();

    VSS.require(["VSS/Features/Monaco"], function (monaco) {
        var diffEditor = monaco.editor.createDiffEditor(document.getElementById('editor'), {
                    enableSplitViewResizing: false
                });   
    });

【问题讨论】：

你在哪里找到参考VSS/Features/Monaco？
在尝试了解如何为存储库加载 monaco 编辑器时发现了它。 cdn.vsassets.io/ext/ms.vss-features/monaco-editor/…

标签： monaco-editor azure-devops-extensions

【解决方案1】：

在 DevOps 中没有引用 VSS/Features/Monaco。由于monaco提供api，你可以在js中调用monaco api：

https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#creatediffeditor

【讨论】：

如果我理解正确的话，我必须自己完成全部加载？在 devops 中重用现有的 monaco 编辑器资产没有“捷径”吗？
恐怕没有“捷径”，因为 DevOps 默认不支持这个。
好的，很清楚 :) 想确保不要重新发明轮子。