Vue-Monaco 编辑器：如何设置暗色主题

要设置 Vue-Monaco 编辑器的暗色主题，您可以在组件中传递一个名为 'theme' 的属性，值为 'vs-dark'。例如：

<template>
  <div>
    <monaco-editor :theme=''vs-dark'' ... />
  </div>
</template>

您还可以通过在 Vue 组件中使用全局样式表来设置编辑器的默认主题。例如，在 App.vue 文件中添加以下代码：

/* App.vue */
<style>
  /* 设置 monaco-editor 的默认主题为暗色 */
  .monaco-editor.vs {
    background-color: #1e1e1e;
  }
  .monaco-editor.vs .monaco-editor-background,
  .monaco-editor.vs .inputarea.ime-input {
    background-color: #1e1e1e;
  }
  .monaco-editor.vs .margin,
  .monaco-editor.vs .monaco-editor-overlays .current-line,
  .monaco-editor.vs .monaco-editor-overlays .current-column {
    background-color: #252526;
  }
  .monaco-editor.vs .monaco-editor-overlays .selections {
    background-color: #3a3d41;
  }
  .monaco-editor.vs .monaco-editor-overlays .caret {
    border-left: solid 1px #f3f3f3;
  }
</style>

这将设置 monaco-editor 的默认主题为暗色。您可以根据需要进行更改。