HarmonyOS技术社区 · 2020年10月12日

上手做一个华为鸿蒙手表应用 1 - 创建项目

本文是参照张荣超老师的视频教程的实操
图片.png

功能:

左侧时间选择器
右侧呼吸速度选择器
下方开始按钮
中间呼吸状态


注:

本文不讲解开发环境的搭建,如有需要可以参考开发环境搭建:

仓库地址:https://gitee.com/zhaoquan/harmonyoswatchdemo


一、项目创建

IDE 名字中的 DevEco 好像读:戴微扣,仅供参考
创建 TV 和 Wearable 项目可以选择 JS 或 Java 开发框架;创建 Lite Wearbale 目前默认是 JS 框架


创建项目
图片.png

如果你的 IDE 已经启动了项目,则从 HuaWei DevEco Studio 的 File -> New -> NewProject,创建一个项目,项目名叫:HuXi
图片.png

填写项目名及项目存储路径
图片.png

项目创建成功界面长这样,后面我们的开发主要在 pages 下面进行

鸿蒙 JS 框架跟小程序思路很像,小程序开发者很容易入门,非常务实

图片.png

我们把 Hello World 在预览器中打开

需要进入到具体页面编辑代码,比如将双击 index.hml,然后将光标停留在代码上,再去点菜单才显示 Previewer

图片.png

我们还可以把 Hello World 在远程虚拟设备打开

点击下面的 HVD Manager,如果 IDE 还没有登录开发者账号,会自动启动默认浏览器进行登录。

华为手机直接用手机上的:设置->账号中心(列表第一个)-> 右上角扫码功能扫码登录。

如果非华为手机可以使用手机号+验证码或密码登录。


注意:

账号如果没有实名,或者实名审核通过时间不足10分钟,也可能无法登录成功,请实名后再试。

虚拟设备有使用时间时间限制,使用后及时关闭,开发中建议多用上面的预览器或模拟器,少用远程虚拟设备。

图片.png

刷新
图片.png

启动远程模拟器
图片.png

启动成功:

每次启动只有 60 分钟使用时长,测试完毕建议及时关闭

图片.png

至此项目准备工作就完成了


想了解更多内容,请访问:
51CTO和华为官方战略合作共建的鸿蒙技术社区
https://harmonyos.51cto.com?jssq

推荐阅读
关注数
3010
内容数
446
华为鸿蒙相关技术,活动及资讯,欢迎关注及加入创作
目录
极术微信服务号
关注极术微信号
实时接收点赞提醒和评论通知
安谋科技学堂公众号
关注安谋科技学堂
实时获取安谋科技及 Arm 教学资源
安谋科技招聘公众号
关注安谋科技招聘
实时获取安谋科技中国职位信息