Introduction to the JS project directory structure developed by HarmonyOS (basic knowledge of HarmonyOS development)

JS project directory structure

The JS project directory structure is shown in the figure below.

• Pages directory: The pages folder can contain one or more pages, and each page needs to create a folder (index in the figure). The page folder mainly contains 3 file types: css, js and hml files.
  • pages> index> index.hml file: hml file defines the layout structure of the page, the components used, and the hierarchical relationship of these components.
  • pages> index> index.css file: The css file defines the style and layout of the page, including style selectors and various style attributes.
  • pages> index> index.js file: The js file describes the behavior logic of the page. This file defines all the logical relationships used in the page, such as data, events, etc.
• app.js file: global JavaScript logic file and application life cycle management.

---

For more technical exchanges, please join the QQ group

Group name: harmonyos Hongmeng Technology Exchange
Group number: 856567895

---

Start from scratch to learn HarmonyOS Hongmeng 2.0 development

• Original HarmonyOS Hongmeng Getting Started Tutorial 01 Basic Environment and Development Tools (tutorial includes source code)
• Original HarmonyOS Hongmeng Development 02 Development Tools Installation
• Original HarmonyOS Hongmeng Getting Started Tutorial 03 Run the development tool to complete the basic configuration DevEco Studio (tutorial includes source code)
• Original HarmonyOS Hongmeng Development 04 Run the first hello world (tutorial with source code)
• Original HarmonyOS Hongmeng Development 05 Run the first page (tutorial with source code)
• Original HarmonyOS Hongmeng Development 06 Create page Feature Ability through code (tutorial includes source code)
• Original HarmonyOS Hongmeng Development 07 Programming to realize page jump (tutorial includes source code)