1-4 小程序工程目录
标准目录结构
miniprogram/
├── components/ → 自定义组件
│ └── nav-bar/
│ ├── nav-bar.js
│ ├── nav-bar.json
│ ├── nav-bar.wxml
│ └── nav-bar.wxss
├── pages/ → 页面(每个页面一个目录)
│ ├── index/
│ └── logs/
├── utils/ → 工具函数
├── images/ → 静态图片
├── app.js → 小程序入口(App())
├── app.json → 全局配置(页面路由、窗口、tabBar)
├── app.wxss → 全局样式
└── project.config.json → 项目配置(AppID、编译选项)
text
核心文件说明
| 文件 | 作用 |
|---|---|
app.js | 定义 App 实例,管理全局生命周期(onLaunch、onShow、onHide) |
app.json | 全局配置:pages(页面路由)、window(窗口样式)、tabBar |
app.wxss | 全局样式,所有页面共享 |
page.js | Page() 定义页面逻辑和生命周期 |
page.wxml | 页面模板(类似 HTML) |
page.wxss | 页面样式(类似 CSS) |
page.json | 页面级配置(导航栏标题、引入组件) |
↑