@codingame/monaco-editor-wrapper) – 互联网档案馆的存檔,存档日期2013-12-21

概要

摩纳哥编辑器包装器使用和配置 monaco- vscode- api 密码 给你的

包括一些工具

• preventAlwaysConsumeTouchEvent,与 alwaysConsumeMouseWheel monaco 编辑器选项
• collapseCodeSectionsFromRanges 允许创建并崩溃代码段
• collapseCodeSections 允许在 2 个令牌之间创建并崩溃代码段
• registerTextDecorationProvider 允许计算所有现有编辑器上的装饰
• hideCodeWithoutDecoration 允许隐藏有特定装饰的代码部分
• lockCodeWithDecoration 允许在特定装饰内制作只读代码部分
• lockCodeWithoutDecoration 允许在特定装饰之外制作只读的代码部件
• updateEditorKeybindingsMode 允许应用 vim 或 emacs 密钥绑定
• extractRangesFromTokens 允许提取起始符和结尾符之间的代码节

安装

npm install @codingame/monaco-editor-wrapper

使用量

简单使用

你得给暴露者打电话 initialize 函数,并等待返回的诺言.

然后,您就可以与 monaco- editor api 互动(通过导入) monaco-editor或 VSCode api(通过导入) vscode(中文(简体) )

模型创建

而不是使用 monaco.editor.createModel,建议使用 monaco.editor.createModelReference 创建模型.

它使得VSCode服务有可能通过它的引用来引用该文件而不中断(例如当使用LSP在源代码中跟踪文件链接时).

可选特征

默认情况下,只注册了最低限度的功能集(vscode扩展,编辑器/模型服务,语言,文本元件,对话框,配置/键绑定,片段,可访问性. )

可通过导入特定导出来启用一些可选特性:

• @codingame/monaco-editor-wrapper/features/extensionHostWorker 允许操作 VSCode 扩展的工人扩展主机
• @codingame/monaco-editor-wrapper/features/notifications 启用 VSCode 通知而不是登录控制台
• @codingame/monaco-editor-wrapper/features/workbench 允许使用完整的 VSCode 工作台
• @codingame/monaco-editor-wrapper/features/typescriptStandalone 允许摩纳科独立打字语言特性工作者

如果启用了工作台特性,则可使用这些特性:

• @codingame/monaco-editor-wrapper/features/viewPanels 启用一些面板( 时间线、 大纲、 输出、 标记、 探索器)
• @codingame/monaco-editor-wrapper/features/search 启用搜索面板
• @codingame/monaco-editor-wrapper/features/extensionGallery 允许扩展通道面板和从市场安装扩展的可能性
• @codingame/monaco-editor-wrapper/features/terminal 启用终端面板
• @codingame/monaco-editor-wrapper/features/testing 启用测试面板

嵌入语言 IntelliSense

默认情况下,monaco-editor包含实现IntelliSense的工人在CSS,SCSS,JavaScript,TypeScript,JSON和HTML中.

不可能用这种自由. 然而,它们可以被相应的VSCode扩展所取代.

为了启用它们,安装和导入以下软件包:

• 贾森: import '@codingame/monaco-vscode-json-language-features-default-extension'
• Java 脚本/ Type 脚本 : import '@codingame/monaco-vscode-typescript-language-features-default-extension'
• 支助科/支助科: import '@codingame/monaco-vscode-css-language-features-default-extension'
• HTML : (英语) import '@codingame/monaco-vscode-html-language-features-default-extension'

您还需要导入 @codingame/monaco-editor-wrapper/features/extensionHostWorker 允许在网络工作员中运行 VSCode 扩展.

额外的 Apis

用户配置

这个库暴露了管理用户全局配置的一些功能 :

• registerDefaultConfigurations 允许注册某些配置密钥的默认值, 这些密钥可以被覆盖
• updateUserConfiguration 更新用户配置, 覆盖默认配置, 使用与 VS 代码配置相同的语法
• getUserConfiguration 获取当前用户配置
• onUserConfigurationChange 当用户配置发生变化时(在调用用户配置后或从内部配置更新中)得到通知
• getConfiguration 允许在给定语言中获取给定配置密钥
• onConfigurationChanged 监听配置更改
• updateKeybindings a 以 VS 代码中相同的语法更新编辑器密钥
• updateEditorKeybindingsMode 切换到 vim, (中文(简体) ), emacs 或者说 classic 密钥绑定