快应用环境搭建

作者: 奔跑的图腾 | 来源:发表于2018-03-28 10:36 被阅读0次

安装node.js

https://nodejs.org/en/blog/release/v6.11.3/
注意:本人安装了最新的node-v9.9.0版本的node.js,发现执行npm run build命令报错遇到Cannot find module ‘…/webpack.config.js,’执行 hap update --force再执行npm install重新npm run build编译项目,结果还是报同样的错,最终选择安装V6.11.3

输入node -v查看 版本(注意v是小写)

安装hap-toolkit
打开cmd->npm install -g hap-toolkit

npm install -g hap-toolkit

本人首次未翻墙安装失败了,翻墙后安装成功

输入hap -V查看 版本(注意V是大写)


Image.png

新建一个项目,文件名是FirstQuickProject

hap init FirstQuickProject
├── node_modules
├── sign                      rpk包签名模块
│   └── debug                 调试环境
│       ├── certificate.pem   证书文件
│       └── private.pem       私钥文件
├── src
│   ├── Common                公用的资源文件和组件文件
│   │   └── logo.png          manifest.json中配置的icon
│   ├── Demo                  页面目录
│   |   └── index.ux          页面文件,文件名不必与父文件夹相同
│   ├── app.ux                APP文件(用于包括公用资源)
│   └── manifest.json         项目配置文件(如:应用描述、接口申明、页面路由等)
└── package.json              定义项目需要的各种模块及配置信息,npm install根据这个配置文件,自动下载所需的运行和开发环境

编译项目
执行npm install命令安装依赖
执行npm run build命令编译项目
项目根目录下查看,发现已经出现build和dist目录了,其中编译生成的.rpk文件就在dist目录下
注意:命令都是在根目录下执行

安装运行rpk包
调试器下载:https://www.quickapp.cn/docCenter/post/69
执行npm run server命令会在命令行生成二维码
用调试器扫描二维码安装

使用的IDE
vscode+hap extension插件开发

相关文章

  • 快应用环境搭建

    今年十大厂牌已经联手搞大事情了,为了抵制微信小程序,设计出了快应用,毕竟微信小程序免安装,跨平台,抢占了他们自己手...

  • 快应用环境搭建

    1.环境搭建 2.运行该项目 如果在后续操作中遇到报错Cannot find module '.../node_m...

  • 快应用环境搭建

    安装node.js https://nodejs.org/en/blog/release/v6.11.3/注意:本...

  • 快应用之环境搭建

    按照官网的步骤 1.文档 https://doc.quickapp.cn/2.环境搭建,安装nodejs 和快应用...

  • 快应用的第一篇教程

    快应用快速入门教程 这节课程的大纲如下: 环境搭建 创建项目 安装依赖 编译项目 安装rpk包 预览效果 环境搭建...

  • 快应用Quick APP环境搭建和HelloWorld项目

    快应用Quick APP环境搭建和HelloWorld项目 ReactNaitve开发圈 安装nodejs 需安装...

  • 快应用学习教程-入门

    快应用学习教程-入门 官方文档地址:https://doc.quickapp.cn/ 环境搭建 安装nodejs ...

  • 快应用快速入坑

    闲来无事,撩撩新技术! 参考:《快应用开发文档》 大纲如下: 环境搭建 创建项目 安装依赖 编译项目 安装rpk包...

  • 开发第一个快应用

    闲来无事,撩撩新技术! 参考:【快应用开发文档】 环境搭建 一、安装nodejs 需安装6.0以上版本的nodej...

  • [python] Django开发物流系统(一)-环境搭建

    Django开发物流web应用(一)-环境搭建 参考: Django2.2 中文文档 1. 搭建环境 anacon...

网友评论

    本文标题:快应用环境搭建

    本文链接:https://www.haomeiwen.com/subject/hwkycftx.html