快应用官方IDE使用说明

各位小伙伴,大家千呼万唤的快应用官方IDE上线喽!以下是快应用开发工具使用说明文档,快来和我一起熟悉一下吧~

开发工具下载地址:https://www.quickapp.cn/docCenter/post/95


如果是新建快应用项目,请看【1】;如果是开发已有的快应用工程,请看 【2】和 【3】


 

【1.1】新建快应用工程

 

【i】按钮栏的 + 号(也可以【文件】→【创建快应用工程】菜单打开,创建快应用工程页面 ; 或者通过快捷键打开显示所有命令窗口(mac:fn+F1,Windows:ctrl+shift+p),然后输入 "hap: Set up a new hap project",并执行该命令),然后会如图1.1

【图1.1】

快应用官方IDE使用说明_第1张图片

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

【iii】 选择创建工程的类型,目前版本只支持创建快应用工程。

【iv】 点击完成,IDE会自动打开新创建的工程。

 

【1.2】快速调试

 

【i】准备一台手机,并打开快应用工程。

【ii】 将手机用USB连接上电脑, 并确保手机已经再开发者模式里面打开了MTP文件传输和USB调试。手机连接请参考第5点 手机USB DEBUG。

【iii】 按下F5( mac下需要同时按下fn键, 如果有设置的话) (或者按按钮面板上的三角按钮,如图1.2.1所示, 或者在调试面板安绿色的小三角)。

【图1.2.1】

快应用官方IDE使用说明_第2张图片

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

【图1.2.2】

快应用官方IDE使用说明_第3张图片

 

【图1.2.3】 

快应用官方IDE使用说明_第4张图片

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

【图1.2.4】

快应用官方IDE使用说明_第5张图片

【vi】使用 lightening debug 并不会每次都执行npm install 以加速调试, 如果想保证每次调试之前都安装依赖,可以在调试面板选择 quick debug,然后按F5进行调试, 如图1.2.5所示

【图1.2.5】

快应用官方IDE使用说明_第6张图片

【vii】如果不想进行调试,只想运行看看效果, 请选择Run Application , 然后按下F5进行调试。如图1.2.6所示

【图1.2.6】

快应用官方IDE使用说明_第7张图片


【i】使用打开功能打开工程的文件夹, 如图2.1.1所示 

【图2.1.1】

快应用官方IDE使用说明_第8张图片

 

【ii】如果之前没有用IDE进行过开发和调试, 需要把IDE的环境配置到工程目录里头。请在快应用面板上点击更新工程按钮, 如图 2.1.2所示

【图2.1.2】

快应用官方IDE使用说明_第9张图片


【i】打开快应用面板, 点击安装快应用apk, 强制升级, 如图3.1.1所示

【图3.1.1】

快应用官方IDE使用说明_第10张图片

【ii】然后打开快应用工程, 按F5调试即可。流程跟快速开发里面的调试流程一样


【4.1】生成证书

发布快应用之前, 需要生成证书。 请点击快应用面板的生成证书, 然后按提示输入所需信息。如图4.1.1所示

【图4.1.1】

快应用官方IDE使用说明_第11张图片

 

【4.2】生成发布用RPK

点击发布rpk包按钮, 生成成功的话会弹出对应的文件夹。如图4.2.1所示

【图4.2.1】

快应用官方IDE使用说明_第12张图片


【i】 开启手机MTP传输, 类似下图 5.1.1

【图5.1.1】

快应用官方IDE使用说明_第13张图片

【ii】开启手机MTP传输, 可能需要用户授权,点击允许授权按钮即可。

【iii】在开发者面板里面开启开发者选项, 类似下图 5.1.2

【图5.1.2】

快应用官方IDE使用说明_第14张图片

【iv】开发者面板里头开启USB调试, 类似下图 5.1.3

【图5.1.3】

快应用官方IDE使用说明_第15张图片

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://mp.weixin.qq.com/s/C0vJ7cGHdMUOkZ5mnUnQ3Q


联系我们:

快应用官网地址:https://www.quickapp.cn/

快应用论坛地址:https://bbs.quickapp.cn/

快应用订阅号

快应用官方IDE使用说明_第16张图片

你可能感兴趣的:(快应用资讯,快应用产品更新)