微搭云开发平台：tcb.cloud.tencent.com/dev
文档中心：cloud.tencent.com/document/pr…
一、编辑器介绍
进入 云开发平台 > 可视化低代码页面，选择应用进入编辑器界面。
1.1 各模块功能介绍
| 位置 | 功能 |
|---|---|
| 页面管理和布局设计 | 新建和管理页面，以及页面设置等操作，可在此管理应用下的所有页面，对页面进行新增、删除、克隆和属性设置等。 |
| 顶部导航栏 | 包含了多端切换、应用标题修改、预览、发布等基本功能。 |
| 大纲树和状态数据 | 展示完整的组件大纲结构。对于较难在编辑区选中组件时，大纲树可轻松区分组件的层级，同时组件树会展示组件的特殊状态，例如：绑定数据、条件展示 IF。切换到状态数据后，可查看当前应用所有自定义变量、Query 以及组件 API 的运行时数据结构或运行值。 |
| 组件、区块 | 展示平台官方组件及自定义组件，以及区块列表。 |
| 在线编辑区 | 对页面中的组件进行编辑、实时效果预览。 |
| 代码区 | 展示和管理当前应用中所有自定义的变量、自定义 JS 方法以及 Query 数据查询等，以便于统一管理和操作。 |
| 事件面板 | 为组件的事件交互行为绑定相应的执行动作或平台方法。 |
| 开发者工具相关 | 包含前端开发常用的开发调试工具（Console）、代码编辑器以及应用历史记录。 进入开发调试工具，可以通过调试区进行信息调试和打印。 进入代码编辑器界面，开发者能在此根据自己的业务逻辑，更加灵活地完成定制化的业务需求。 |
| 应用主题 | 当前组件文本文字的应用样式，包含文字颜色、大小、字体、圆角、阴影等的设置。 |
| 应用设置 | 包含应用详情、访问控制、实验室和开发设置。 |
1.2 顶部导航栏详细介绍
1.页面
2.新建页面
3.h5、小程序、PC模式
4.刷新
5.撤销、面板、工具等更多操作
6.体验数据、正式数据
7.应用概览
8.发布
如果有未部署的APIs或者云函数，它会提示你先部署再发布
1.3 左侧代码区
左侧代码区为自定义，相当于在Vue项目中的data申明变量或者在methods中定义方法：例如图中pageType为新建自定义变量，query为新建外部APIs查询
1.4 右侧组件
右侧组件有一个tab栏：添加、配置。 组件官网文档：docs.cloudbase.net/lowcode/com…
- 添加提供了所有的组件，拖拽式，即拿即用。
- 配置则可以对已经添加的组件的样式、数据进行配置。
