微信小程序 目录结构介绍

返回目录

一. 页面文件(通常有下面四个文件组成)

页面文件.png

二. 项目配置文件

项目配置文件.png

三. 项目主样式(写在这里的样式,对整个项目所有的样式都起作用,所以你可以把一些公共的样式放在这里)

项目主样式.png

四. 页面配置文件(页面上下导航样式都可以在这个里面设置)

注意:
用WebStorm开发的人员,在创建一个新的页面的时候,需要在这个配置文件里面注册一下,也就是添加到pages里面
如果你使用的是微信开发工具进行开发,可以忽略这个问题,因为当你创建一个页面的时候,他自己会自动添加

页面配置文件.png

五. 小程序页面最外层(个人认为类似苹果原生app里面最外层的window,页面所有的内容都在这里放)

page.png

六. 最后介绍下微信开发工具顶部几个按钮的使用场景

使用场景.png

返回目录