您可以在 涂鸦 IoT 开发平台 注册账号,用于登录开发工具。

基本页面:

新建项目

  1. 单击 新建 按钮,填写下列必要信息:
    • 项目路径:默认会一个路径。您需要选择 一个空的文件夹。若文件夹不存在时,系统会自动创建。
    • 项目名称:便于您区分现有的小程序,暂时其他用处。
    • 所属开发者平台小程序:把本地项目关联到 开发者平台 上对应的小程序。 注意: - 需要在 开发者平台 先创建一个小程序。 - 如您创建本地项目,则无法使用如下功能: - 上传源码 - 启用多语言
  2. 新建项目后,您需要前往项目根目录,安装相关依赖。

导入项目

单击 导入 按钮,选择项目根目录后,补全必要的信息:

导入时,如果项目根目录没有 project.tuya.json,则系统会创建这个文件。多人协同开发时,请保证该文件的一致性。

快捷启动

在新建和导入项目后,都会生成快捷入口。您可以直接单击该项目卡片进入工作区。

您也可以单击项目卡片右侧的 删除 按钮,删除该项目。在删除对话框中,如您同时选择 删除本地项目,本地文件夹也会被删除。

基础页面:

模拟器

左边部分为模拟器,可用于模拟移动端上的真实情况。但在小程序上线前,请您在真机上确认小程序的最终效果。

调试器

调试器与 Chrome 的 DevTools 的功能大体上保持一致,包括如下面板:

  1. Elements:和 DevTools 一致
  2. Console:总体和 DevTools 一致
  3. Sources:和 DevTools 一致
  4. Appdata:获取到对应 page 级别的 data,支持实时修改
  5. Storage:获取小程序内部的 storage

功能栏

顶部功能栏支持下列 4 项功能:

  1. 返回首页:退回到项目管理页。
  2. 基础信息:设置基础信息。
  3. 上传源码:打包上传源码。
  4. 编译:当自动编译监听失效时,可以手动单击 编译 按钮,启动编译和刷新。

关于 编译参数 和 真机调试 的更多信息,请参考:开发者工具真机调试指南

基础信息

上传代码包

打包当前的小程序项目,上传到智能小程序开放平台。

注意下列事项,否则,可能会导致上传失败:

顶部菜单栏提供一些辅助能力。