暂时没啥理解,只是按照官方文档做了简单的入门,怕忘记,写个博客简单记录一下这个过程:
一、
首先要安装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,选择打开我们刚刚创建好的项目,然后有个地方需要配置一下:
到这里,需要做的准备工作都完成了,然后就是具体的开发工作了,每一次修改完,需要重新编译一下项目然后安装到调试器才能看到效果哈!