本文介绍了在Vue3中使用Monaco Editor实现主动触发代码补全功能，以Python和SQL为例，详细讲解了registerCompletionItemProvider函数的用法，并分享了踩坑经验及实际效果展示。
Vue3中使用Monaco Editor代码编辑器记录——主动触发代码补全功能～持续更新
近期因为毕设的原因，需要使用代码编辑器，我采用monaco-editor代码编辑器
前端框架使用Vue3 + elementUI
monaco-editor插件版本@0.30.1
monaco-editor-webpack-plugin插件版本@6.0.0
若还没有安装插件，具体安装步骤和一些基础使用可以查看上一篇Vue3中使用Monaco Editor代码编辑器记录～持续更新
主动触发代码补全Completion
此处以python和sql自动补全为例进行说明
1. registerCompletionItemProvider函数
monaco-editor提供了代码自动补全的函数registerCompletionItemProvider，其参数如下。可以看到有两个参数，分别是languageId和provider
export function registerCompletionItemProvider(la
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
