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

上手做一个HarmonyOS鸿蒙Next华为手表应用 1 - 创建项目 本文是照着张荣超老师的视频教程的实操

功能:

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

注:

  • 本文不讲解开发环境的搭建,如有需要可以参考开发环境搭建:链接
  • 原文可以到语雀去搜:鸿蒙,搜索结果排第一的作者:(目前)chatterzhao ,即为本文的作者,那边的文档还有一些其他教程。
  • 文中有的链接不能直接打开,大家可以右键打开。
  • 仓库地址:https://gitee.com/zhaoquan/harmonyoswatchdemo

一、项目创建

IDE 名字中的 DevEco 好像读:戴微扣,仅供参考

  • 创建 TV 和 Wearable 项目可以选择 JS 或 Java 开发框架;创建 Lite Wearbale 目前默认是 JS 框架

创建项目

填写项目名及项目存储路径

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

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

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

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

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

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

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

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

注意:

  • 账号如果没有实名,或者实名审核通过时间不足10分钟,也可能无法登录成功,请实名后再试。
  • 虚拟设备有使用时间时间限制,使用后及时关闭,开发中建议多用上面的预览器或模拟器,少用远程虚拟设备。

启动远程模拟器

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

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


二、开始撸代码

为了防止文章太长,这里不继续。下一篇文章的链接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356408634880779&fid=0101303901040230869


更多关于上手做一个HarmonyOS鸿蒙Next华为手表应用 1 - 创建项目的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

我也在看着书弄,左侧时间选择器和右侧呼吸速度选择器怎么弄都不显示,能指点指点吗?只显示一个“分”,晕@

更多关于上手做一个HarmonyOS鸿蒙Next华为手表应用 1 - 创建项目的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


注意新发现的:预览器入口:View -> Tool Windows -> Previewer(要进入到具体页面编辑代码,再去点菜单才显示 Previewer)

干货竟然这么多,没谁了

正好开发手表应用有问题,我来研究下

在HarmonyOS中创建一个华为手表应用项目,首先需要安装DevEco Studio开发工具。打开DevEco Studio后,选择“Create Project”,在项目模板中选择“Wearable”类别,然后选择“Blank Ability”模板。填写项目名称、包名、保存路径等信息,确保选择的设备类型为“Wearable”。点击“Finish”完成项目创建。项目创建后,会自动生成基本的文件结构,包括entry模块、src/main/js/default目录等。entry模块是应用的主要入口,src/main/js/default目录下包含应用的页面文件、资源文件等。接下来可以在pages目录下创建新的页面文件,使用ArkTS语言进行开发。

要创建一个HarmonyOS鸿蒙Next华为手表应用,首先需要安装DevEco Studio,这是鸿蒙应用的官方开发工具。在DevEco Studio中,选择“Create Project”,然后选择“Wearable”作为设备类型,接着选择“Empty Ability”模板。填写项目名称、包名和存储路径,确保选择正确的API版本,然后点击“Finish”完成项目创建。这样,你就可以开始开发你的鸿蒙手表应用了。

回到顶部