让数据使用更便捷：数据搭建引擎bi-designer API-设计器的使用介绍

bi-designer 是阿里数据中台团队自研的前端搭建引擎，基于它开发了阿里内部最大的数据分析平台，以及阿里云上的 QuickBI。

本文详细介绍了 bi-designer API-设计器在通用搭建、心智统一、低入侵与 IDE工具 等方向上的使用介绍，并通过一个通俗易懂的示例对其使用步骤进行了介绍，方便用户对其功能的使用与理解。

通用搭建：支持接入任意通用 npm 组件

API-设计器最大的亮点之一，就是支持接入任意通用 npm 组件，这意味着用户可以使用自己熟悉的组件库来进行搭建，而不需要局限于 API-设计器提供的组件。

这种通用搭建的能力，可以极大地提高用户的开发效率，同时也可以让用户更容易地将现有的系统与 API-设计器集成起来。

心智统一：编辑模式与渲染模式统一

API-设计器另一个突出的特点，就是编辑模式与渲染模式统一。

在传统的搭建工具中，编辑模式和渲染模式往往是分开的，这很容易导致用户在编辑时与实际运行时看到的效果不一致，从而增加开发难度。

而在 API-设计器中，编辑模式与渲染模式是统一的，这意味着用户在编辑时所看到的效果，就是实际运行时的效果。

这种设计大大降低了用户的学习成本，也让用户更容易地进行搭建。

低入侵：只需调用简单 API 即可实现搭建

API-设计器还采用了低入侵的设计，用户只需调用简单的 API 即可实现搭建。

这种低入侵的设计，使得 API-设计器非常容易上手，即使是新手用户也可以在短时间内掌握其用法。

IDE工具：提供丰富的 IDE 工具，提升开发效率

API-设计器还提供了丰富的 IDE 工具，可以帮助用户提升开发效率。

这些 IDE 工具包括代码提示、错误提示、代码格式化等，可以帮助用户快速地编写出高质量的代码。

使用步骤示例

为了让用户更好地理解 API-设计器的用法，这里通过一个通俗易懂的示例来对其使用步骤进行介绍。

步骤一：创建一个新的项目

首先，用户需要创建一个新的项目。

在 API-设计器的 IDE 工具中，点击“新建项目”按钮，然后选择项目类型。

项目类型有两种：

• 空白项目：创建一个没有任何组件的空项目。
• 模板项目：创建一个包含了一些常用组件的项目。

用户可以选择自己需要的项目类型，然后点击“创建项目”按钮。

步骤二：添加组件

创建项目后，用户就可以开始添加组件了。

在 API-设计器的组件库中，提供了丰富的组件，用户可以根据自己的需要选择合适的组件。

要添加组件，只需要将组件拖拽到画布上即可。

步骤三：配置组件

添加组件后，用户需要对组件进行配置。

组件的配置项有很多，包括组件的大小、位置、样式等。

用户可以根据自己的需要对组件进行配置。

步骤四：预览项目

配置好组件后，用户就可以预览项目了。

点击 IDE 工具中的“预览”按钮，即可预览项目。

预览时，用户可以查看项目在不同设备上的效果。

步骤五：发布项目

预览好项目后，用户就可以发布项目了。

点击 IDE 工具中的“发布”按钮，即可发布项目。

发布后，项目就可以在指定的环境中运行了。

以上就是 API-设计器使用步骤的简单介绍。

希望本文能够帮助用户更好地理解 API-设计器，并将其应用到自己的项目中。