Android 快应用环境搭建(Windows和Mac通用)

简介: 快应用官网快应用官方文档1. 安装Node.js图1.png尽量按照官网推荐的来安装对应包。查看Node.js版本node -v图2.

快应用官网

快应用官方文档

1. 安装Node.js

img_b1c5a9ca7c7ef911844e888a9cd155a6.png
图1.png

尽量按照官网推荐的来安装对应包。

  • 查看Node.js版本
node -v
img_199198e4d0836bf196fd275974e7ddf2.png
图2.png

2. 安装hap-toolkit

# npm设置国内镜像
npm config set registry https://registry.npm.taobao.org
# npm查看镜像
npm config get registry  
# 通过npm仓库安装 
npm install -g hap-toolkit
# 验证是否安装成功
hap -V
img_8775f719bf64f74d6c8d8e214dc4d45f.png
图3.png

3. 资源下载

下载调试器和预览版工具

img_4cc2addec1b750874698a7ef26f1a2ed.png
图4.png

4. 创建项目

  • 创建项目hap init <ProjectName>
hap init HelloWorld
img_f972eb65dff134e7f0d28efbb8e64311.png
图5.png

项目根目录主要结构如下:

├── sign                      rpk包签名模块
│   └── debug                 调试环境
│       ├── certificate.pem   证书文件
│       └── private.pem       私钥文件
├── src
│   ├── Common                公用的资源和组件文件
│   │   └── logo.png          应用图标
│   ├── Demo                  页面目录
│   |   └── index.ux          页面文件,可自定义页面名称
│   ├── app.ux                APP文件,可引入公共脚本,暴露公共数据和方法等
│   └── manifest.json         项目配置文件,配置应用图标、页面路由等
└── package.json              定义项目需要的各种模块及配置信息
  • 安装npm依赖-进入项目的根目录再执行命令
npm install
  • 手动编译项目
npm run build
  • 自动编译项目
npm run watch

5. 安装应用

  • 扫码安装
# 开启Http服务器
npm run server
# 自定义端口的Http服务器
npm run server -- --port 8080
目录
相关文章
|
27天前
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
本篇将带你实现一个多滑块联动的控制器应用。用户可以通过拖动多个滑块,动态控制不同参数(如红绿蓝三色值),并实时显示最终结果。我们将以动态颜色调节为例,展示如何结合状态管理和交互逻辑,打造一个高级的滑块控制器应用。
167 78
|
12天前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
本篇将带你实现一个虚拟音乐控制台。用户可以通过界面控制音乐的播放、暂停、切换歌曲,并查看当前播放的歌曲信息。页面还支持调整音量和动态显示播放进度,是音乐播放器界面开发的基础功能示例。
172 80
|
3天前
「Mac畅玩鸿蒙与硬件51」UI互动应用篇28 - 模拟记账应用
本篇教程将介绍如何创建一个模拟记账应用,通过账单输入、动态列表展示和实时统计功能,学习接口定义和组件间的数据交互。
102 68
|
6天前
|
流计算 UED
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
本篇教程将带你实现一个简易购物车功能。通过使用接口定义商品结构,我们将创建一个动态购物车,支持商品的添加、移除以及实时总价计算。
94 69
|
17天前
|
数据处理
「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
本篇将带你实现一个评分统计工具,用户可以对多个选项进行评分。应用会实时更新每个选项的评分结果,并统计平均分。这一功能适合用于问卷调查或评分统计的场景。
139 65
|
28天前
|
UED
「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
本篇将带你实现一个简单的照片墙布局应用,通过展示多张图片组成照片墙效果,用户可以点击图片查看其状态变化。
141 67
|
16天前
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
本篇将带你实现一个自定义天气预报组件。用户可以通过选择不同城市来获取相应的天气信息,页面会显示当前城市的天气图标、温度及天气描述。这一功能适合用于动态展示天气信息的小型应用。
116 38
|
6天前
|
前端开发
「Mac畅玩鸿蒙与硬件49」UI互动应用篇26 - 数字填色游戏
本篇教程将带你实现一个数字填色小游戏,通过简单的交互逻辑,学习如何使用鸿蒙开发组件创建趣味性强的应用。
44 20
|
2天前
|
UED
「Mac畅玩鸿蒙与硬件52」UI互动应用篇29 - 模拟火车票查询系统
本篇教程将实现一个模拟火车票查询系统,通过输入条件筛选车次信息,并展示动态筛选结果,学习事件处理、状态管理和界面展示的综合开发技巧。
33 13
|
5天前
|
前端开发 UED
「Mac畅玩鸿蒙与硬件50」UI互动应用篇27 - 水果掉落小游戏
本篇教程将带你实现一个水果掉落小游戏,掌握基本的动态交互逻辑和鸿蒙组件的使用,进一步了解事件处理与状态管理。
30 14

推荐镜像

更多