鸿蒙开发之JS工程目录结构介绍（HarmonyOS鸿蒙开发基础知识）

JS工程目录结构

JS工程目录结构如下图所示。

• pages目录：pages文件夹下可以包含1个或多个页面，每个页面都需要创建一个文件夹（如图中的index）。页面文件夹下主要包含3种文件类型：css、js和hml文件。
  • pages > index > index.hml文件：hml文件定义了页面的布局结构，使用到的组件，以及这些组件的层级关系。
  • pages > index > index.css文件：css文件定义了页面的样式与布局，包含样式选择器和各种样式属性等。
  • pages > index > index.js文件：js文件描述了页面的行为逻辑，此文件里定义了页面里所用到的所有的逻辑关系，比如数据、事件等。
• app.js文件：全局的JavaScript逻辑文件和应用的生命周期管理。

---

更多技术交流请加入QQ群

群名称：harmonyos鸿蒙技术交流
群 号：856567895

---

从零开始入门学习HarmonyOS鸿蒙2.0开发

• 原创 HarmonyOS 鸿蒙入门教程之01 基础环境和开发工具 （教程含源码）
• 原创 HarmonyOS 鸿蒙开发之02开发工具安装
• 原创 HarmonyOS 鸿蒙入门教程之03 运行开发工具完成基础配置DevEco Studio（教程含源码）
• 原创 HarmonyOS鸿蒙开发之04 运行第一个hello world （教程含源码）
• 原创 HarmonyOS鸿蒙开发之05 运行第一个页面 （教程含源码）
• 原创 HarmonyOS鸿蒙开发之06 通过代码创建页面 Feature Ability（教程含源码）
• 原创 HarmonyOS鸿蒙开发之07 编程实现页面跳转（教程含源码）