title: Integrate monaco-yaml with monaco-editor
body: <p>I am trying to get use of all monaco-eaditor features, so I will combine the monaco-diff editor with monaco-yaml plugin.</p>
  
  <p>I was able to build the monaco-diff editor following this 
  <a href="https://microsoft.github.io/monaco-editor/playground.html#creating-the-diffeditor-hello-diff-world" rel="nofollow noreferrer">https://microsoft.github.io/monaco-editor/playground.html#creating-the-diffeditor-hello-diff-world</a>.</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/editor/editor.main.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/loader.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    require.config({ paths: {'vs': 'https://unpkg.com/monaco-editor@0.20.0/min/vs'}});
  
    window.MonacoEnvironment = { getWorkerUrl: () =&gt; proxy }
      let proxy = URL.createObjectURL(new Blob([`
        self.MonacoEnvironment = {
          baseUrl: 'https://unpkg.com/monaco-editor@0.20.0/min/'
        };
        importScripts('https://unpkg.com/monaco-editor@0.20.0/min/vs/base/worker/workerMain.js');
      `], { type: 'yaml' }));
  
      require([
        'vs/editor/editor.main'
      ], function () {
      var lhsModel = monaco.editor.createModel(value, 'yaml');
      var rhsModel = monaco.editor.createModel(value, 'yaml');
  
      diffEditor = monaco.editor.createDiffEditor(document.getElementById('diff-editor'), {
        enableSplitViewResizing: false,
      });
  
      diffEditor.setModel({
        original: lhsModel,
        modified: rhsModel
      });
   &lt;/script&gt;
  </code></pre>
  
  <p>However I am not able to find a tutorial to add the monaco-yaml, can someone provide me with a link,tutorial or any useful steps ?</p>