add: Monaco编辑器

Frontend/Pages/Editor.razor

@@ -0,0 +1,19 @@
+@page "/editor"
+
+<Layout>
+    <Content>
+        <div class="editor-zone">
+            <StandaloneCodeEditor ConstructionOptions="GetEditorConstructionOptions" Id="my-editor-instance"/>
+        </div>
+    </Content>
+</Layout>
+
+@code {
+    private StandaloneEditorConstructionOptions GetEditorConstructionOptions(StandaloneCodeEditor editor)
+    {
+        return new StandaloneEditorConstructionOptions
+        {
+            Language = "yaml"
+        };
+    }
+}

Frontend/Pages/Editor.razor.css

@@ -0,0 +1,3 @@
+.editor-zone {
+    min-height: calc(100vh - 64px);
+}

Frontend/Pages/_Host.cshtml

@@ -27,7 +27,10 @@
     <a class="dismiss">🗙</a>
 </div>
 
-<script src="_framework/blazor.server.js"></script>
 <script src="_content/AntDesign/js/ant-design-blazor.js"></script>
+<script src="_content/BlazorMonaco/jsInterop.js"></script>
+<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
+<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
+<script src="_framework/blazor.server.js"></script>
 </body>
 </html>