梅科尔工作室-“HarmonyOS第一次培训”

1.创建工程页面需要注意：

（进入模拟器管理页面需要登录华为官方实名认证的账号）

2.应用开发目录介绍:

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

• 各个文件夹的作用：

• app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。

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

 3.文件使用规则：

1. 文件访问规则

   应用资源可通过绝对路径或相对路径的方式进行访问，本开发框架中绝对路径以 "/" 开头，相对路径以 "./" 或 "../" ，具体访问规则如下：

• 引用代码文件，需使用相对路径，比如：../common/utils.js。

• 引用资源文件，推荐使用绝对路径。比如：/common/xxx.png。

• 公共代码文件和资源文件推荐放在 common 下，通过以上两条规则进行访问。

• CSS 样式文件中通过 url() 函数创建 数据类型，如：url(/common/xxx.png)。

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

4.chart组件：

注意：1.不要忘记在config.json文件中配置相关路由；

 2.pages.chart 文件夹下面的 hml、css、js 文件必须命名为 index，否则的话会出现预览错误。

 3.ES6 Model 数据文件 import 导入只能使用相对路径，不能使用绝对路径，使用绝对路径会报错。

 5.TodoList应用构建：

  （1）页面结构设计注意事项：

1. 页面结构使用 HTML 相同的标签进行嵌套，最外层是 div 容器。
2. 文本内容放在<text>标签中才能呈现，否则不会呈现文本内容。
3. 可以直接调用 鸿蒙 JS 封装好的 组件，这里我们使用的是 switch 组件。