学习网址:鸿蒙2.x系统应用开发 前端基础入门教程-12集全完结_哔哩哔哩_bilibili
p1笔记：
（1）鸿蒙系统Open Harmony的由来：
OpenHarmony 中文意思「开放、和谐」，代表了中华民族的包容和谦和，是咱们中国在移动端 底层操作系统领域迈出的巨大一步，从此，在全世界我们可以说：“中国，也有自己的移动端底层操作系统了！”
鸿蒙 OpenHarmony 开源项目，目标是面向全场景、全连接、全智能时代，基于开源的方式，搭建一个智能终端设备操作系统的框架和平台，促进万物互联产业的繁荣发展。
（2）Open Harmony技术架构：
OpenHarmony 整体遵从分层设计，从下向上依次为：内核层、系统服务层、框架层和应用层。系统功能按照“系统 > 子系统 > 组件”逐级展开，在多设备部署场景下，支持根据实际需求裁剪某些非必要的组件，前端领域的发力点核心在于应用层「拓展应用、三方应用」构建服务。
p2笔记
（1）Hello World应用体验：
PS：在 Views 可以快速设置编辑器主题，以及对应的开发设置。
-
第一步：启动应用后，提示是否创建启动程序脚本，方便后续模板选择。
-
第二步：使用华为云 npm 包管理工具。
-
第三步：创建 or 导入项目。
-
第四步：选择项目类型及模板。
为了满足应用在多设备上运行的开发需求，DevEco Studio 2.1 Release 在原有单设备工程模板的基础上，新增了 11 个跨设备工程模板。开发者可根据工程向导，依次挑选模板和设备类型，轻松创建跨设备工程，自动生成示例代码和相关资源。
-
第五步：创建工程项目。
-
第六步：查阅并关闭开发简易提示。
-
第七步：项目自动下载对应的依赖及文件，这一步直接点击运行则会有错误提示。
-
第八步：在 DevEco Studio 菜单栏，点击Tools > SDK Manager 配置对应的 SDK 版本。
-
第九步：点击右上角 sign in 登陆华为账号，请输入已实名认证的华为帐号的用户名和密码进行登录，在网页中登陆成功后，完成授权。
-
第十步：进入到 src/main/js/default/pages/index 页面，打开 view -> Tool Windows -> Previewer 进行预览。
-
第十一步：进入 Tools -> Devices Manager 看到模拟器管理页面，这一步必须要实名认证的华为账号进行登录后，即可选择对应的设备，然后启动设备。
-
第十二步：启动设备后，再次点击 绿色运行按钮，即可在仿真设备上运行该项目。
p3笔记
（1）应用开发目录介绍：
目录结构中文件分类如下：
- .hml 结尾的 HML 模板文件，这个文件用来描述当前页面的文件布局结构。
- .css 结尾的 CSS 样式文件，这个文件用于描述页面样式。
- .js 结尾的 JS 文件，这个文件用于处理页面和用户的交互。
各个文件夹的作用：
- app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
- pages 目录用于存放所有组件页面。
- common 目录用于存放公共资源文件，比如：媒体资源和 JS 文件。
- i18n 目录用于配置不同语言场景资源内容，比如：应用文本词条，图片路径等资源，注意 i18n 是开发保留文件夹，不可重命名。
（2）文件使用规则：
