project.config.json
它是开发者工具和小程序项目的共同配置文件,它可以在多个开发者中维护统一的开发设置和开发环境。例如编辑器的颜色、ES6转ES5、上传代码时自动压缩、是否校验不合法域名、版本库等等。
当新的开发者下载了开发者工具后,只需要将团队中的 project.config.json 文件拷贝到本地小程序的根目录中即可。
https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html (更多关于project.config.json)
app.json
它是整个小程序应用的全局配置文件,可以设置小程序的页面、窗口、tab栏、网络超时、debug、插件、分包、多线程等。
其中常用到的字段是 pages、window以及 tabBar。
pages用于配置小程序的页面路径,其值是一个数组,数组中的第一个元素就是小程序的主页,并且在开发工具中新增一个路径时,编辑器会自动创建对应页面的目录以及文件。
PS:路径中的文件名 "index" 与 "logs" 不要加扩展名,小程序的编译工具会自动寻找对应的文件类型进行处理。
window 用于配置窗口的样式以及标题等。
属性 说明 取值navigationBarBackgroundColor 导航栏背景颜色 HEX
navigationBarTextStyle black / white
navigationBarTitleText 导航栏标题文字内容 text
backgroundColor 窗口的背景色 HEX
tabBar也是比较常用的配置,用于设置 tab栏的位置(上、下)以及按钮的文字,样式和 icon。
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE (更多关于app.json)
pages.json
每个页面都有自己的 pages.json 文件。
pages.json 文件可以在全局配置 app.json 的基础上对页面进一步的进行设置。例如导航栏的颜色,标题文字等。
另外 pages.json 还可以通过 usingComponents 字段来声明当前页面引用了那些自定义组件。
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E9%A1%B5%E9%9D%A2%E9%85%8D%E7%BD%AE (更多pages.json)
componet.json
componet.json 是自定义组件的配置文件。
{ "component": true, // 自定义组件声明 "usingComponents": {} // 可选项,用于引用别的组件 } WXML 模版文件你可以将 WXML 等同于传统 WEB开发时用到的 html,他们都是用来描述页面的结构骨架,不同的是 HTML文件由一个个html标记(Tag)组成,而 WXML则是有与之类似的“组件”组成。
除了在结构特性上与 HTML一致外,WXML 文件还支持特定的模版语法,数据绑定,事件处理、自定义模版等等。
同样的 WXML也可以分为页面的 WXML文件,自定义模版的 WXML文件以及自定义组件中的 WXML文件。
wxss 具有大部分 CSS的功能,所以你可以像 CSS一样去编写小程序的样式文件。
对于整个小程序公用的样式,可以放置在 app.wxss 文件中,而对于页面专用的样式,则写到对应页面的 pages.wxss文件中,其次便是自定义组件也会含有自己的 component.wxss文件。
在小程序的脚本文件中,我们可以处理事件,响应用户请求,获取接口数据,改变数据状态...并且小程序的脚本文件默认支持commonJS规范,可以直接通过 require() 来导入模块,module.exports 导出模块,就编码的角度而言,与我们普通编写脚本文件并没有什么太大的区别,如果非要说区别的话,就是小程序中的脚本可以调用小程序内置的一些API接口,例如授权,支付等。