快应用开发教程(1):开发前的准备工作

快应用 Mar 12, 2019

正所谓工欲善其事必先利其器,想要优雅快速的开发快应用,离不开各种开发工具辅助,按照下面的步骤,帮助你快速的搭建起自己的快应用开发环境。

开发环境

  • nodejs >= 6.0
  • npm或者yarn

开发工具

快应用有官方的IDE,官方IDE支持一键安装和打包,使用起来非常方便,IDE使用教程。下面我们使用的是命令行工具开发的教程。

PC开发环境配置

  1. 检测当前环境的npm版本
node --version

如果输出的版本低于6.0,请自行升级到以上版本,可以在node官网下载安装最新版本。

  1. 安装hap-toolkit

hap-toolkit是一个集成了快应用开发所需要的初始化项目、打包、压缩、发布、调试等功能的命令行工具,是开发快应用不可或缺的一个工具。

npm install -g hap-toolkit // 参数-g意思是全局安装

安装完成后在命令行里输入

hap -V // 注意参数V是大写

此时若输出版本号,则说明安装成功了。

hap-toolkit常用命令列表

hap init <project_name> // 生成一个快应用项目脚手架
hap build // 打包快应用,在线项目文件夹下生成build和dist文件夹
hap watch // 持续监测快应用项目文件的变化,监测到变化后自动编译打包
hap server // 打开一个本地服务器,用于手机扫码预览打包好的快应用
hap release // 构建一个用于发布版本的rpk包,包的名称带有release

这些命令的详细参数配置可以使用这样的方式hap <command> -h查看。

手机预览调试环境配置

由于目前快应用仅支持真机预览和调试,所以开发快应用的时候需要你准备一部安卓系统的手机,下面是给手机配置预览和调试的工作。你可以在这里下载到下面的apk等资源。为了方便手机安装,本文后面附上了资源下载链接的二维码。

  1. 安装手机预览版apk:这个app的作用是让没有内置快应用运行环境的手机能够跑快应用,本质就是一个快应用的运行环境。

    预览版

  2. 安装手机调试器apk:这个app的作用是安装和调试快应用。

    调试器

以上就是快应用开发环境和工具手动安装与搭建的方法和步骤,当上面的所有工具准备就绪,就可以进行下一步的程序开发工作了。

代码编辑器的配置

快应用项目的开发不限定你使用什么编辑器,你可以选择自己熟悉的编辑器进行快应用的开发。除了快应用官方的IDE能自动识别快应用的*.ux后缀名的文件,其他编辑器都需要你再手动配置一下,具体配置可以见快应用官方文档链接。下面给出常用的编辑器的下载链接。

  1. sublime
  2. webstorm
  3. vscode
  4. 快应用官方IDE

资源下载

  • 快应用调试器扫码下载

调试器

  • 快应用预览版扫码下载

预览版


作者:dadong

Tags

vivo developer

快应用引擎、工具开发者、快应用生态拓展达人(vivo)。