教程 其他 框架 组件 接口

IDE 教程

了解如何通过官方的 IDE,快速开发、调试、发布一个快应用

通过本节,你将学会:

  • 新建工程
  • 快速调试
  • 调试现有的快应用工程
  • 发布快应用
  • 手机开启 USB debug
  • IDE 相关资料

新建工程

首先你拥有以下几种方式去新建一个快应用工程

  1. 按钮栏的 + 号
  2. 【文件】→【创建快应用工程】
  3. 通过快捷键打开显示所有命令窗口(mac:fn+F1,Windows:ctrl+shift+p), 然后输入 "hap: Set up a new hap project",并执行该命令).

最终会打开一个创建快应用工程页面 , 如下图所示

创建快应用

接着按页面提示操作,选择路径,指定工程存放的目录,输入项目名称和 rpk 包名,rpk 包名格式如:"org.xxx.demo / com.xxx.demo"。

选择创建工程的类型,目前版本仅支持 创建快应用工程

点击完成,一个崭新的 IDE 工程就这样完成了。

快速调试

首先准备一台手机, 打开快应用工程,将手机用 USB 连接上电脑,在手机上选择 usb 连接为文件传输,并确保手机已经在开发者模式里面打开了 USB 调试。(USB 调试 见文末)

按下 F5( mac 下需要同时按下 fn 键, 如果有设置的话)
按钮面板上的三角按钮与调试面板的绿色小三角 跟 F5 的功能是一样的,或许它们也能给你提供一点方便。

F5启动调试

如果手机没有安装快应用环境, 会自动帮手机安装上相应的环境. 请在手机操作, 允许安装. 安装完成后, 需要给快应用引擎授权. 授权完成后, 在 IDE 上点击继续调试,如下图

快应用授权 IDE继续调试

然后 IDE 会自动运行相关命令(npm run watch 和 npm run server), 并打开 chrome 浏览器的调试页面, 下图所示。 如果对页面有修改, 只需要保存您的文件即可, 调试器会自动帮你刷新页面. 如果调试过程中遇到问题, 请参考开发者工具常见问题

预览

调试面板上有三个调试命令:

  • Quick Debug : 安装工程依赖,启动应用开发模式, 并打开 chrome 浏览器的调试页面
  • Lightening Debug: 判断工程依赖(不存的时候会安装依赖),启动应用开发模式,并打开 chrome 浏览器的调试页面
  • Run Application: 启动应用开发模式

应用开发模式: 修改保存文件,会自动编译应用。

调试面板

调试现有的快应用工程

  1. 打开工程文件
  2. 如果之前没有用 IDE 进行过开发和调试, 需要把 IDE 的环境配置到工程目录里头,否则有可能无法使用 IDE 进行调试。 打开快应用面板,点击【更新工程按钮】
  3. 如果手机之前安装了快应用环境, 需要先升级调试器和快应用引擎,否则有可能无法使用 IDE 进行调试。打开快应用面板, 点击【更新手机环境】
  4. 一切准备就绪,接下来的调试流程,与上文所描述的快速调试一样

配置调试环境

发布快应用

发布一个快应用分两步。

  1. 生成证书。点击快应用面板的【生成证书】按钮, 按提示输入相关信息
  2. 生成发布用 RPK。点击【发布 rpk 包】按钮, 生成成功的话会弹出对应的文件夹

配置调试环境

手机开启 USB DEBUG

  1. 打开手机的开发者模式,以开启开发者选项
  2. 在开发者选项里面开启 USB 调试
  3. 开启手机 MTP 传输, 即管理文件(可能需要用户授权,点击允许授权按钮即可)

配置调试环境

IDE 相关资料

开发者工具常见问题
相关下载

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容