HarmonyOS应用开发-eTS文件说明

鸿蒙时代
发布于 2021-12-23 10:23
浏览
0收藏

1.目录结构
FA应用的ets模块(entry/src/main)的典型开发目录结构如下:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
目录结构中文件分类如下:
·.ets结尾的ETS(Extended TypeScript)文件,这个文件用于描述UI布局、样式、事件交互和页面逻辑。

各个文件夹和文件的作用:
·app.ets文件用于全局应用逻辑和应用生命周期管理。
·pages目录用于存放所有组件页面。
·common目录用于存放公共代码文件,比如:自定义组件和公共方法。
·resources目录用于存放资源配置文件,比如:国际化字符串、资源限定相关资源和rawfile资源等。

2.应用代码文件访问规则
应用代码文件可通过如下方式访问:

·使用相对路径引用代码文件,比如:上一级目录:…/common/utils/utils.ets,当前目录:./common/utils/utils.ets。
·使用当前模块根路径引用代码文件,比如:common/utils/utils.ets。
·公共代码文件推荐放在common目录下。

示例:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区

导入文件:

HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区

3.js标签配置
开发框架需要应用的config.json中配置相关的js标签,其中包含了实例名称、页面路由、视图窗口配置信息。
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
Page定义每个页面入口组件的路由信息,每个页面由页面路径和页面名组成,页面的文件名就是页面名。比如:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
window用于配置相关视图显示窗口,支持配置如下属性:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
mode用于配置JS Component的运行类型与语法风格,支持如下属性:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区
示例:
HarmonyOS应用开发-eTS文件说明-鸿蒙开发者社区

标签
HarmonyOS应用开发-eTS文件说明.docx 122.42K 72次下载
3
收藏
回复
举报
回复
    相关推荐