🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] 编辑器是百宝云提供的一个在线编辑代码的功能,作者用户可以实现在线调试代码,修改代码BUG。 >这个编辑器,是百宝云官方专为用户在线编辑或调试百宝云.t文件而开发的,用户在编辑云应用的代码(.t文件)时,官方提供了语法关键字亮色、输入的智能提示、代码自动补全、代码排版等等功能,在调试云应用源代码时,官方又提供了编译源代码(语法检测)、启动云应用、重启云应用等等功能。因为在调试云应用代码或者是开发云应用功能时,推荐大家使用在线编辑器! ## 页面功能介绍 页面分左右2部分,左部分为目录列表,右部分为在线编辑器。如下图所示: ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184726ckkofr8wdzr81xkv.png) * 云系统 全局的文件目录展示,与文件管理页面里的云系统一样。 * 云应用 自己云应用的所有目录,可以看到云应用下有哪些文件,以及编辑文件内容。 ## 在线编辑器常用功能介绍 ### 智能输入提示 在输入百宝云api(百宝云库函数)时,只输入api部分内容时,会弹出与api相关的菜单,以便用户快速输入代码。如图: ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184934w2dfgk2nvkb2vsgi.png) ### 函数列表 这里是显示用户自定义函数的列表,当单击或者双击鼠标左键选择一个函数时,会自动跳转到函数的定义位置。函数列表的效果图如下: ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184729lyx0ykahkehyeyyf.png) ### 编辑菜单 这个菜单包含了代码编辑中一些常用的功能,例如:撤销、反撤销、全文排版等功能,功能后面的快捷键可以记忆下,这样在写代码的时候可以更加方便。 ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184730b9lc8d8piydn0iff.png) * 撤销: 撤销前面一次的操作。 * 反撤销: 还原撤销前的操作。 * 自动补全当前:自动补全代码。如果存在多个满足内容时,会出现列表框。 * 搜索:在文件中搜索文本内容。 * 替换:在文件中替换目标内容。 * 跳转到行:通过输入的行号,输入光标会跳转到指定的行号处。 * 全选: 选择全部的文件内容。 * 全文排版: 对当前文件的代码内容进行排版,使得代码更加整洁。 * 转定义:跳转到功能函数的定义地方,只对自定义功能有效。 ### 视图菜单 这里主要是设置一些编辑器样式的,例如:字体、代码风格、高亮语法、函数列表、自动换行等等。在日常用得多的是设置代码风格与语法高亮,这个完全是根据自己的爱好来选择了。 ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184731bt6g8agigqg7ggw0.png) * 字体: 设置代码窗口里的文本字体。 * 代码风格: 设置代码窗口里代码的显示风格,内置了多种代码风格。 * 高亮语法:设置代码窗口里代码的语法高亮类型,内置了多种语法高亮规则。 * 函数列表:勾选则显示函数列表,不勾选则不显示函数列表。 * 自动提示:勾选之后,在输入代码时,会有输入提示。 * 自动换行:勾选之后,代码超出窗口范围后会自动换行显示。 * 显示不可见字符: 勾选之后,会显示出回车换行等一些特殊字符,建议不需要勾选。 * 全屏/退出全屏: 代码窗口以全屏方式打开,或者是退出全屏状态。 ### 云应用菜单 这个菜单主要是对云应用的操作菜单。例如:编译、启动、重启、中英文转换等等。编译或者重启时,记得先保存云应用代码。 ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/28/184732lccihnxnesij12cz.png) * 编译: 编译云应用代码,主要是检查代码是否出现语法错误。 * 停止云应用: 停止云应用的运行。 * 启动云应用:启动云应用,执行云应用功能。 * 重启云应用:重新启动云应用。 * 中文转英文:把中文代码转换为英文代码,只对关键字与云库命令有效。 * 英文转中文:把英文代码转换为中文代码,只对关键字与云库命令有效。 * 安装web应用: 由于web功能未对大家开放,因此这个功能对大家来说是无用的。 * 百宝云在线开放文档: 点击打开百宝云的在线开放文档,主要是百宝云语法、云库命令、百宝云插件的介绍,如下图所示: ![](http://bbs.baibaoyun.com/data/attachment/forum/201702/22/110327r6b1bx56psxgias7.png)