快应用--按照官方文档走一遍

本文档记录了按照官方文档搭建快应用开发环境的步骤,包括安装Node.js,创建项目,安装依赖,解决编译错误,安装Android调试工具,并配置WebStorm IDE。通过这个过程,可以完成一个简单的HelloWorld快应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

暂时没啥理解,只是按照官方文档做了简单的入门,怕忘记,写个博客简单记录一下这个过程:

一、

首先要安装Node.js,建议还是去官方下载,用了一下,没要求激活啥的:https://nodejs.org/en/

安装的话,我是一路往下,中间有个环节有勾选的,我就全给勾选了,然后继续安装...

安装完成之后,在本地路径建一个文件夹,类似于工作空间,方便以后管理,比如我在D盘下创建了Nodejs\quikapp\,然后打开nodejs的命令行界面


我们先进入到我们创建的“工作空间”下


接下来要安装一些东西,首先安装hap-toolkit:

在命令行中输入 npm install -g hap-toolkit;

当出现如下界面的时候说明安装完成:


当然,你也可以通过命令检验一下是否真的安装完成,输入:hap -V, 会返回0.0.26,说明确实安装好了,

接下来在刚才创建的“工作空间”下新建一个项目,怎么创建呢,用命令行来创建:

hap init Test       (这里的 Test 就是你的项目名称

然后命令行会返回prompt:init your project:这里重新出入一遍你的项目名称(Test

然后工具会自动给你创建相应的项目目录,这时候去文件路径下面看,只有这几个文件:


官网的开发文档有对目录的详细介绍:


接下来,我们要开始安装依赖了,通过命令行将模块安装到node_modules目录下,当时要注意,这时候命令行的位置应定为到项目的根目录下,否则命令将无法识别。具体的命令行如下:

npm install  

运行命令行之后耐心等待几分钟,当你看到这句话的时候,说明这一步执行好了:


其实我们刚刚创建了的项目就是平时开发中的HelloWorld,应用已经自动创建了一些默认的页面,那么接下来就是手动编译一下我们的项目了:

npm run build

当你满心欢喜等待应用编译完成,结果:


大吃一惊!怎么办呢,来一句代码命令压压惊:

hap update --force   (强制升级工程

这是官网提示的:如果报错遇到Cannot find module '.../webpack.config.js',请重新执行一次hap update --force。这是由于高版本的npm在npm install时,会校验并删除了node_modules下部分文件夹,导致报错。而hap update --force会重新复制hap-toolkit文件夹到node_modules中

然后会提示:“升级完毕, 请运行npm install更新依赖包”

不要被骗了,不能在执行那句,不然还会继续报一样的错,我们应该往下执行:

npm run build

看到这些,说明已经编译完成了:


这时候你再去刚刚文件夹那边看看刚刚创建的项目:


打开dist文件夹看一下,里面有一个rpk后缀的文件,这个就是我们项目的安装包,可是,我们手机没办法直接运行这个安装包呀,所以需要安装

两个android应用包,地址是:https://www.quickapp.cn/docCenter/post/69

点击下载这两个


安装到手机上,同时也把刚刚dist目录下的rpk文件拷到手机目录下,然后启动刚刚安装的调试器,然后我选择的是本地安装:


然后就可以看到效果了,我们的HellWorld就完成了,然后还有一个问题,要开发详细的功能,我们要用什么来开发呢,工具挺多的:VS code,webStorm..

我安装的是webStorm,具体下载路径是:https://www.jetbrains.com/webstorm/download/#section=windows,安装的话没什么难度,就是这一步要注意


然后点击Activate就好了,启动webstorm,选择打开我们刚刚创建好的项目,然后有个地方需要配置一下:


到这里,需要做的准备工作都完成了,然后就是具体的开发工作了,每一次修改完,需要重新编译一下项目然后安装到调试器才能看到效果哈!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值