登录页面

使用手机验证或Lark扫描代码登录小程序开发工具。

新项目

满足时：

您可以在窗口中心选择“创建标题小程序”，或单击右下角的“新建”按钮来创建新项目。

主界面

如图所示：工具栏，模拟器，编辑器和调试器。

窗口菜单栏

工具栏

单击“仿真器”，“编辑器”，“调试器”三个按钮以隐藏/显示相应的模块，界面中至少显示一个模块。

模拟器

模拟器在客户端模拟了头条小程序的真实逻辑性能，并且大多数API可以在模拟器上以正确的状态显示。开发人员可以选择不同的设备来调试小程序在不同尺寸模型上的适应性问题。

编辑器

在编辑器模块中，可以在当前项目上执行诸如代码编写以及文件添加，删除和重命名之类的基本操作。

调试器

调试工具分为6个主要功能模块：Bxml，控制台，源，网络，应用程序，性能

自定义编译条件

编译条件将读取project.config.json中condition字段下的相关配置，以方便导入编译条件。

单击工具栏中的常规编译位置，然后在下拉列表中单击“添加编译模式”，将弹出一个用于填写编译条件的窗口，以添加您自己的自定义编译条件。

在弹出窗口中，添加模式名称，启动页面，启动参数，并输入场景字段，单击“确定”以生成新的编译条件。

上传以供审核

单击工具栏上的“上传”按钮，然后填写版本号（该版本号不能重复，您需要在以前的版本号上添加1），填写更新日志，然后单击“确认”以上传）开发人员平台。

上传完成后，进入开发者平台=》发布页面进行审核

Bxml面板

Bxml面板用于帮助开发人员在ttml转换后开发接口。在这里，您可以看到真实的页面结构以及该结构的相应ttss属性，同时，您可以通过修改相应的ttss属性来实时查看模拟器中的修改（仅适用于实时预览，不能保存到文件）。通过调试模块左上角的选择器，您还可以在页面上快速找到与该组件相对应的ttml代码。

控制台面板

开发人员可以在此处调试代码。

“来源”面板

“源”面板用于显示当前项目的脚本文件。与浏览器开发不同，小程序框架编译脚本文件，因此开发人员在“源”面板中看到的文件是经过处理的脚本文件，开发人员的代码将包装在define函数中，对于Page代码，将有一个活动的最后调用require。

网络面板

网络面板用于观察和显示请求和套接字的请求状态。

AppData面板

AppData面板用于显示和修改当前页面的数据属性

存储面板

您可以检查存储的存储状态。