目录结构

小程序开发包括全局配置文件、页面配置文件。开发者可通过app.json和app.js文件对小程序进行全局配置;通过.css、.js、.json、.html和进行页面配置。数字生活小程序以 MVVM 的方式进行开发,通过状态改变来更新视图,具体结构如下:

小程序的基础目录结构

├── components
│ │── custom
│ │ ├── index.html
│ │ └── index.js
├── pages
│ │── home
│ │ ├── index.css
│ │ ├── index.html
│ │ ├── index.js
│ │ └── index.json
│ │── about
│ │ ├── index.css
│ │ ├── index.html
│ │ ├── index.js
│ │ └── index.json
├── public
│ │── images
│ │ └── logo.png
│ └──index.html
├── app.css
├── app.js
├── app.json
├── project.config.json
└── package.json

以上目录结构中的 pages/components/ 可以根据实际情况进行灵活配置。

命名约定

页面(page)组件(component)内部目录约定如下:

  • 目录名作页面或组件的名称,如 about 表示关于页面、custom 表示自定义组件。
  • 文件名称必须统一以 index 作为文件名,即 index.htmlindex.cssindex.jsindex.json
  1. 1. 目录结构
    1. 1.1. 小程序的基础目录结构
    2. 1.2. 命名约定