HarmonyOS培训第一课作业

一、创建文件

注意：填写文件名称第一个字母大写

二、学习网站

鸿蒙学习网址学习链接：

视频链接：https://www.bilibili.com/video/BV1p54y1G7WU?p=1

对应的博客资料（博主博文）：https://jspang.com/detailed?id=74

文档资料（华为官方文档）：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/document-outline-0000001064589184

三、如何使用模拟器

进入到 src/main/js/default/pages/index 页面，打开 view -> Tool Windows -> Previewer 进行预览

若想使用仿真设备，则需要进入 Tools -> Devices Manager 看到模拟器管理页面，这一步必须要实名认证的华为账号进行登录后，即可选择对应的设备，然后启动设备。启动设备后，再次点击 绿色运行按钮，即可在仿真设备上运行该项目。

四、应用开发的目录

目录结构中文件分类如下：

• .hml 结尾的 HML 模板文件，这个文件用来描述当前页面的文件布局结构。
• .css 结尾的 CSS 样式文件，这个文件用于描述页面样式。
• .js 结尾的 JS 文件，这个文件用于处理页面和用户的交互。

各个文件夹的作用：

• app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
• pages 目录用于存放所有组件页面。
• common 目录用于存放公共资源文件，比如：媒体资源和 JS 文件。
• i18n 目录用于配置不同语言场景资源内容，比如：应用文本词条，图片路径等资源，注意 i18n 是开发保留文件夹，不可重命名。

五、文件使用规则

• 本开发框架中绝对路径以 "/" 开头，相对路径以 "./" 或 "../" 
• CSS 样式文件中通过 url() 函数创建数据类型，如：url(/common/xxx.png)。

• 如果代码文件A和文件B位于同一目录，则代码文件B引用资源文件时可使用相对路径，也可使用绝对路径。

• 如果代码文件A和文件B位于不同目录，则代码文件B引用资源文件时必须使用绝对路径。因为Webpack打包时，代码文件B的目录会发生变化。

• pages 定义每个页面的路由信息，每个页面由页面路径和页面名组成，页面的文件名就是页面名。