项目结构
了解一下文件和目录的作用
小程序主要提供了 4 种文件类型:
| 类型名 | 作用 | 是否必须存在 |
|---|---|---|
| .wxml | 用于页面的布局结构,相当于网页中 .html 文件 | 是 |
| .wxss | 用于页面的样式,相当于网页中的 .css 文件 | 否 |
| .js | 用于页面的逻辑 | 是 |
| .json | 用于页面的配置 | 否 |
特定名称的文件:
| 文件名 | 作用 | 是否必须存在 | ||
|---|---|---|---|---|
| app.js | 小程序入口(首先执行的文件) | 是 | ||
| app.json | 小程序的全局配置 | 是 | ||
| app.wxss | 小程序的全局样式 | 否 | ||
| project.config.json | 小程序开发者工具配置 | 是(会自动创建) | ||
| sitemap.json | 小程序搜索优化 | 否 |
微信小程序项目结构和传统web项目结构区别
传统web项目:三层结构(html+css+js)(结构+样式+逻辑)
微信小程序项目结构:四层结构(wxml+wxss+js+json)(结构+样式+逻辑+配置)