• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Directory Structure
2
3
4The following figure shows the typical directory structure of the **ets** module (in **entry/src/main**) for an application with feature abilities (FAs).
5
6
7![en-us_image_0000001222967752](figures/en-us_image_0000001222967752.png)
8
9
10The **ets** directory contains the following files:
11
12
13**.ets** files: Extended TypeScript (eTS) files that describe the UI layouts, styles, event interactions, and page logics.
14
15Functions of the folders and files are as follows:
16
17- The **app.ets** file manages global application logics and lifecycles.
18
19- The **pages** directory stores all pages.
20
21- The **common** directory stores common code files, such as files of custom components and public methods.
22
23
24> **NOTE**
25>
26> - For details about the **resources** directory in **src/main**, see [Resource File Categories](ui-ts-basic-resource-file-categories.md).
27> - TypeScript and JavaScript files can be imported as page files.
28
29"js" tag configuration:
30
31Configure the **"js"** tag in the configuration file of your application. The **"js"** tag contains the instance name, page route, and window configuration information.
32
33
34> **NOTE**
35>
36>  For details about the **"js"** tag in the FA model, see [Table 22 Internal structure of the js attribute](../quick-start/package-structure.md#internal-structure-of-the-js-attribute).
37>
38