vue3-monaco-editor

vue3-monaco-editorVue 3 Monaco Editor 组件

面向 SQL 编辑场景，支持类型化组件、Monaco 配置、v-model 绑定，以及库、表、字段补全。

Vue 3 组件

支持插件安装，也支持在 Vue 3 应用里直接引入组件。

SQL 补全

支持关键字、库、表、字段、别名和自定义关键字补全。

现代包结构

输出 ESM、UMD、CSS、类型声明，内置 Vite 示例、Rollup 构建和 GitHub Pages 文档。

为什么用它

vue3-monaco-editor 适合需要一个轻量、类型完善的 SQL 编辑器封装的项目：

通过 v-model 绑定编辑器内容
通过 Vue props 切换 Monaco 主题
通过宽高 props 控制编辑器尺寸
在需要时传入 Monaco 原生配置
用数据库元数据驱动 SQL 补全

下一步