Monaco编辑器
所有文档

          BML 全功能AI开发平台

          Monaco编辑器

          BML CodeLab里集成了VSCode使用的微软Monaco编辑器,提供用户接近VSCode的代码编辑功能和代码补全功能。关于Monaco,您可以点击https://microsoft.github.io/monaco-editor/了解更多。

          1 代码自动补全

          BML CodeLab支持任何编程语言的代码补全,代码自动补全包括:建议列表、快捷信息、参数信息和建议选择。用户可以在编辑器输入触发字符(例如Python中的 . )来触发代码自动补全。

          1.1 建议列表

          语言服务会根据当前的项目、文件以及光标所在的位置,提供一个建议列表。这个列表包含了当前光标位置下您可能输入的代码。当不断地输入字符时,BML CodeLab会根据当前输入的字符,对建议列表进行过滤。

          用法示例:

          当用户在编辑器输入np.后,Python语言服务会向您建议与numpy相关的函数。当用户找到了合适的函数后,按下 Tab 键或Enter键就可以将其补全。

          image.png

          BML CodeLab会根据输入的字符对建议列表进行过滤。同时,这个过滤具有一定的容错性:比如用户想使用numpy里的load函数,但只打了lod三个字母,建议列表依然会提供loadtext这个选项。

          image.png

          如果用户觉得自动补全是多余的,希望暂时不看到它,可以按下 Escape 键将其隐藏。后续如果希望再次看到这个窗口,除了通过打字将其调出以外,还可以按下 “Ctrl + 空格键”手动地调出建议列表。

          CodeLab提供了不同类型的代码自动补全:

          image.png

          1.2 快捷信息

          点击信息按钮,用户可以查看每个方法的快捷信息。

          image.png

          快捷信息将在建议列表右侧展示。当用户浏览建议列表时,快捷信息将保持不变。用户可以通过单击关闭按钮来关闭它。

          image.png

          1.3 参数信息

          选择函数后,将为您展示参数信息:

          image.png

          1.4 建议选择

          默认情况下,BML CodeLab优先显示建议列表中上次使用的建议。如果您想优先显示使用频率最高的建议,则可以使用editor.suggestSelection进行设置。

          editor.suggestSelection可选的值有:

            first:优先显示使用频率最高的。

            recentlyUsed:默认情况下,优先显示建议列表中最近使用的建议。

            recentlyUsedByPrefix:根据之前补全过建议的前缀来进行优先显示。如果您之前输入co然后选择console,则下次输入时co,会优先显示console。

          2 代码编辑功能

          2.1 查找和替换

          BML CodeLab支持用户快速查找文本并替换。按ctrl+f在编辑器中打开查找输入框进行查找,搜索结果将在编辑器中高亮显示。如果当前打开的文件中有多个匹配结果,则可以在查找输入框按Enter或上下箭头跳到上/下一个结果。点击查找输入框左侧按钮,在下拉框进行替换操作。

          用法示例:

          按住ctrl+f在查找输入框填写checi,共查找到3个。

          image.png

          点击查找输入框左侧按钮,进行替换操作。

          image.png

          2.1.1 自动填充搜索关键词

          打开查找输入框后,将自动填充当前选择的文本。如果没有选择,则将光标右侧的单词填充到查找输入框中。

          2.1.2 在所选区域进行查找

          默认情况下,在整个文件上进行查找操作。BML CodeLab也支持在选定的文本上进行查找。用户可以单击查找输入框右侧的图标来启用此功能。

          用法示例:

          单击查找输入框右侧的按钮,在选中区域查找checi,共查找到1个。

          image.png

          2.1.3 高级查找

          1. 查找时支持区分大小写

          用户通过单击查找输入框右侧的"Aa"按钮启用或关闭此功能。 用法示例: 单击"Aa"按钮,查找首字母大写的Checi,共查找到0个。

          image.png

          2. 支持多行查找和查找输入框大小调整

          按下ctrl+enter将在输入框中插入新行,进行多行查找。

          image.png

          搜索长文本时,查找输入框可能太小。用户可以拖动左窗框进行放大或双击左窗框将其最大化。

          image.png

          2.2 多光标操作

          1. 使用鼠标

          BML CodeLab支持用户对文件中的多处同时编辑。Mac系统的用户可以按住option(Windows上是Alt),鼠标点击多处添加多个光标位置,然后可以同时对多个光标位置进行编辑。

          2. 使用键盘

          Mac用户可以按下command+option+下方向键(Windows是Ctrl+Alt+下方向键),在当前光标下面创建一个光标,然后同时对多个光标位置进行编辑。

          Mac用法示例:

          按下command+option+下方向键, 同时输入2行print。

          image.png

          按下option + 鼠标,点击多处添加多个光标,同时对多个光标位置进行编辑。

          image.png

          2.3 列/块选择

          BML CodeLab支持用户选择文件的某列/某块。MAC系统的用户可以把光标放在一个角上,然后按住shift+option同时拖动到对角(Windows上是shift+Alt同时拖动到对角)。

          Mac用法示例:

          按住shift+option拖到对角,选中矩形区域内的4行文本。

          image.png

          3 代码导航

          如果编程语言支持,你可以通过按F12跳转到函数的定义;

          如果按Ctrl并将鼠标悬停在函数上,将显示声明的预览:

          image.png

           提示:您可以使用Ctrl + Click跳转到定义,或者使用Ctrl + Alt + Click将该定义打开到侧面。

          上一篇
          安装与启动
          下一篇
          Blackhole简介和基本用法