小程序学习之目录结构

1.项目配置文件

project.config.json   定义小程序的项目名称、AppID等内容

2.主体文件

1)app.json

     全局配置文件,包含了小程序所有页面的路径地址、导航栏样式等。

小程序学习之目录结构

ps:还可以配置tabBar(设置页面底部tab工具条)、networkTimeout(用于设置各种网络请求的超时时间)及debug(设置是否开启调试模式)属性

  • window属性

小程序学习之目录结构

  • tabBar属性

小程序学习之目录结构

ps:当position属性值为top时,不显示图标,所以iconPath和selectedIconPath属性无效

  • networkTimeout属性

小程序学习之目录结构

2) app.js

小程序全局逻辑文件,所有内容都写在App()函数内部,彼此之间逗号隔开。

3)app.wxss

小程序的全局样式文件

3.页面文件

小程序一般在根目录下创建一个pages文件夹用于保存所有页面文件,每个页面有自己独立的二级目录

json文件只能设置与window相关的配置项,json文件的可用属性:

小程序学习之目录结构

4.其他文件

小程序允许用户自定义路径和文件名创建一些辅助文件,如utils文件夹常用于存放公共js文件,可被其他页面的JS文件引用