Monaco 使用 RenameProvider

于 2024-07-30 23:59:57 发布
阅读量284 收藏 5
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Monaco Editor 使用 文章标签： monaco reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hawk2014bj/article/details/140809208

Monaco 重命名是编辑器标配，可以重命名变量名称。重命名包括两部分，首先是列出 Rename 的名称，第二步是重命名后文字和对应位置信息，用于替换。先看一下效果：
在这里插入图片描述

通过 registerRenameProvider 注册 RenameProvider 的处理函数。
在这里插入图片描述
右键变量名称点击重命名，resolveRenameLocation 返回名称，provideRenameEdits 返回最终更新文字和对应的位置信息。
在这里插入图片描述

provideRenameEdits

返回修改文字和对应位置信息 WorkspaceEdit
在这里插入图片描述
IWorkspaceTextEdit 包含以下信息，versionId 直接通过 model.getVersionId 获取当前

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Monaco 使用 NewSymbolNameProvider
hawk2014bj的博客
07-27 255
Monaco 中这个 newSymbol 是个新功能，VSCode 都没看到这个功能（可能是需要开启），当重命名变量名时，可以返回更多的选项，像是为 AI 准备的。先看一下这个效果，右键点击函数名选择 “重命名”，列表会显示自定义函数返回的名称列表。通过 registerNewSymbolNameProvider 注册自定义函数。返回 NewSymbolName，newSymbolName 是新变量的名称。实现 provideNewSymbolNames 返回 Symbol 列表。
Monaco Editor教程（十三）：在指定位置插入或替换文本
知无涯
11-04 4401
这表明我们可以在调用这个方法时可以一次完成多次操作，可以执行多次插入和替换。第二个参数computeUndoEdits 是用于是否将本次的操作添加到编辑器的操作栈中，如果为true，那么久可以实现撤销的动作。编辑器底层的搜索替换也是在指定位置替换文本。在编辑器中，开发者有时需要在指定位置添加或替换一些文本，比如在文件头部添加版权说明，在文件末尾增加一些辅助信息，applyEdits方法有二个参数，第一个是operations， 它的类型是。'// @拿我格子衫来''// @拿我格子衫来'
Monaco Editor 的基本用法
allway2的博客
06-07 3834
您可能希望在您的网站上设置一个编辑器，允许用户自由输入并查看代码的行为方式。在这种情况下，我认为最基本的方法是使用 contenteditable 属性，但以这种方式实现它可能是一项艰巨的任务。.. ..使用 Ace Editor 和 Monaco Editor 会容易得多，这些编辑器可以嵌入到您的网站中。这一次，我将解释 Monaco Editor 的基本用法，它是基于 VS 代码源创建的，用于在 Web 浏览器上工作。 图片来自微软官方摩纳哥编辑器页面chrome（版本：101.0.4951.67） 摩
Monaco Editor系列（五）Position 类型详解、设置Marker、指定位置插入或替换文本
weixin_45855469的博客
04-20 4084
前情回顾：上一篇文章主要探索了三个功能点，分别是版本对比功能、新建命令和菜单项和滚动条滚动的功能，涉及到的方法在这里稍稍的回顾一下。这样把所有的方法列出来，等到真正使用 Monaco 的时候，就比较方便了🪡 创建版本对比的编辑器 `monaco.editor.createDiffEditor(容器, 配置)`🪡 给 `diffEditor` 设置内容 `editor.setModel({original:旧版本model, modified:新版本model})`
monaco-editor编辑器使用方法（vue3实现）
m0_46394444的博客
12-01 2984
monaco-editor编辑器使用方法（vue3实现）
Monaco 使用 InlineCompletionsProvider
hawk2014bj的博客
07-07 700
AI 代码助手最近太火爆，国内有模型厂商都有代码助手，代码助手是个比较典型的 AI 应用，主要看前端，后端的模型都差不多，国内外都有专门的代码模型。现在都是集中在 VSCode 和 Idea的插件，本文通过 Monaco 实现一个多行代码提示，通过 monaco.languages.registerInlineCompletionsProvider 实现即可，Monaco 的 API 特别丰富，就是文档差点儿。在调用的后端的时候，要用节流，请求就太多了，模型受不了。
Monaco 使用 CodeActionProvider
hawk2014bj的博客
07-09 418
Monaco 中的 CodeAction 会在当前代码行上方添加一个💡，点击💡时出现一个命令列表，名列列表可以点击，在 VSCode 中很常见的就是代码出现问题，点击会给出修改建议。CodeActionProvider 中，实现 provideCodeActions，定义 CodeAction 并返回。
【JavaScript源代码】JS代码编译器Monaco使用方法.docx
12-30
在本文中，我们将探讨如何使用Monaco Editor来实现这些功能。 首先，Monaco Editor支持多种编程语言，包括JavaScript，它还提供了一个缩略地图功能，方便开发者快速定位代码。尽管其体积相对较大，但提供的功能强大...
Monaco 使用 OnTypeFormattingEditProvider
hawk2014bj的博客
07-28 319
首先需要自定义需要配置的语言，例如 mySpecialLanguage。
精选资源
用于 React 的 Monaco Editor - 在任何 React 应用程序中使用 monaco-editor
06-08
@monaco-editor/react · Monaco Editor for React · 在任何 React 应用程序中使用 monaco-editor，无需使用 webpack（或 rollup/parcel/etc）配置文件/插件:high_voltage: 多模型编辑器已经支持； 享受它 :party_...
精选资源
monaco-react:适用于React的Monaco编辑器-在任何React应用程序中使用monaco编辑器，而无需使用webpack（或rollupparceletc）配置文件插件
04-03
适用于React的Monaco编辑器·可在任何应用程序中使用，而无需使用webpack （或rollup / parcel / etc / etc）配置文件/插件 :high_voltage: 已经支持； 好好享受 :party_popper: :party_popper: 版本v4在这里-要...
Monaco Editor 常用操作
118路司机的博客
02-07 4149
设置 简单创建 <div id="container" style="height:100%;"></div> <script> var myEditor = monaco.editor.create(document.getElementById("container"), { value: "function hello() {\n\talert('Hello world!');\n}", language: "javascript" }) </script
Concis组件库封装——Loading加载中
量子前端的博客
06-22 2382
一个常规的react loading组件的开发和测试
yuziyydss_realgan_57380_1766655954681.zip
12-26
yuziyydss_realgan_57380_1766655954681.zip
flex-sdk-3.4
12-26
flex_sdk_3.4
高标准农田智慧监管与遥感AI分析一体化平台_融合多源遥感影像与人工智能技术实现农田地物智能分类识别与动态监测_面向农业管理部门与高标准农田建设项目提供全流程数字化监管决策支持与可视.zip
12-26
高标准农田智慧监管与遥感AI分析一体化平台_融合多源遥感影像与人工智能技术实现农田地物智能分类识别与动态监测_面向农业管理部门与高标准农田建设项目提供全流程数字化监管决策支持与可视.zip
基于XGBoost机器学习算法构建的黑色素瘤前哨淋巴结转移预测模型系统_黑色素瘤诊断前哨淋巴结活检肿瘤转移预测医学影像分析病理特征提取临床决策支持患者风险分层预后评估.zip
12-26
基于XGBoost机器学习算法构建的黑色素瘤前哨淋巴结转移预测模型系统_黑色素瘤诊断前哨淋巴结活检肿瘤转移预测医学影像分析病理特征提取临床决策支持患者风险分层预后评估.zip
基于2019年研究生数学建模竞赛A题无线智能传播模型的完整解决方案项目该项目旨在通过构建与验证多维度特征参数并结合TensorFlow框架设计神经网络模型以实现对新环境下无.zip
12-26
基于2019年研究生数学建模竞赛A题无线智能传播模型的完整解决方案项目该项目旨在通过构建与验证多维度特征参数并结合TensorFlow框架设计神经网络模型以实现对新环境下无.zip
心率n变异性和心率变异分析的HRnV计算软件.zip
最新发布
12-26
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
monaco-editor使用
12-28
### 如何使用 Monaco Editor 为了在项目中集成并使用 Monaco Editor，需先安装必要的依赖项。通过 npm 安装 `monaco-editor` 及其相关插件可以实现这一点[^4]。 ```bash npm install monaco-editor@0.30.0 --save ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值