用HarmonyOS NEXT 构建第一个ArkTS应用(Stage模型)

175 阅读3分钟

1.下载工具配置环境

  • 下载并安装工具参考官网配置文档

  • 配置开发环境参考 官网配置文档

  • 开发工具汉化处理

    1.打开项目找到File Settings 打开配置菜单 21.png

    2.找到插件plugins然后在installed栏目输入chinese找到汉化插件然后勾选点击ok后重启应用即可。

    24.png

2.新建项目

1.选择Application应用开发,选择模板“Empty Ability”,点击Next进行下一步配置。

25.png 2.选择项目存储地址以及项目名称项目类型采用官方推荐的Stage语言采用ArkTS还要项目SDK(api9)完成后点击完成 26.png 3.可以用编辑器右侧的预览器实时预览代码的运行效果,注意只支持预览页面不支持预览单个组件。 4.ArkTS工程目录结构(Stage模型)介绍

29.png

目录名说明
AppScope > app.json5应用的全局配置信息
entry>src > main > ets > entryability应用/服务的入口
entry>src > main > ets > pages应用/服务包含的页面
entry>src > main > resources用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。关于资源文件的详细说明请参考资源文件的分类
entry>src > main > resources > base > element包括字符串、整型数、颜色、样式等资源的json文件。每个资源均由json格式进行定义
entry>src > main > resources > base > media多媒体文件,如图形、视频、音频等文件,支持的文件格式包括: .png.gif.mp3.mp4
entry>src > main > module.json5Stage模型模块配置文件,主要包含HAP的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
oh_modules用于存放三方库依赖信息。关于原npm工程适配OHPM包管理器操作,请参考历史工程适配OHPM包管理
entry>build-profile.json5当前的模块信息、编译信息配置项,包括buildOption、targets配置等。
entry>hvigorfile.ts模块级编译构建任务脚本。
entry>oh-package.json5配置三方包声明文件的入口及包名。

3.在模拟器运行项目

  • 新建模拟器 首先在工具中找到设备管理器然后再本地模拟器栏目中的右下角点击新建模拟器选择硬件后点击下一步

30.png

  • 然后选择选择系统镜像这里需要注意的是我们要选api9的镜像版本,点击下一步给设备命名后完成等待下载安装完成即可。

31.png

  • 在设备管理中选择对应的模拟设备启动
  • 设备启动完成后就可以点击项目的运行按钮运行项目了

34.png

35.png

3.华为真机上运行项目参考文档

  • 打开“开发者模式”,可在设置 > 关于手机中,连续多次单击“版本号”,直到提示“您正处于开发者模式”即可。然后在设置的系统与更新 > 开发人员选项中,打开 “USB调试” 开关。

38.png

  • USB连接方式选择“传输文件”
  • 会弹出“是否允许USB调试”的弹框,单击确定

41.png

  • 选择对应的设备运行后DevEco Studio启动HAP的编译构建和安装。安装成功后,手机会自动运行安装的HarmonyOS应用/服务。

写在最后

需要注意的是现在工具优化还没有做的特别好,模拟器运行起来非常吃内存,真机运行也会卡顿黑屏,官方建议是在电脑端运行屏幕共享软件下载地址,不要在真机上面进行操作参考文档