当前位置:   article > 正文

微信小程序目录结构_微信开发者工具pages文件夹下面叫什么

微信开发者工具pages文件夹下面叫什么

1、pages目录:这个目录下放的其实就是一个个的微信端的页面了其中的index文件夹、logs文件夹其实都是单独的页面;

                再以index文件夹举例说——下属4个不同后缀文件:

                            (1)js:就是页面内的js文件,页面中的变量、监听事件全都在这里;

                            (2)json:页面的配置文件,其实就类似后端的配置文件,就看成

                                                properties或者xml就好了;

                            (3)wxml:页面的结构文件,查看可以发现就是各种标签组成的结构块;

                            (4)wxss:页面的样式文件,看着里面都是选择器。
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

2、utils目录:这里面存的都是一些公用的js,就当作web后端项目的工具类就好啦,提供公共方法减少冗余和维护难度的;

3、app.js文件:整个微信小程序相关的全局js,这里有监听整个小程序的生命周期函数和全局变量;

4、app.json文件:是对整个小程序的静态全局配置,我们可以在这个文件中配置小程序是由哪些页面组成(路由),配置小程序的窗口背景色、配置导航条样式,配置默认标题,可以配置整个项目的样式,超时时间,加载的插件等等;(注意该文件不可添加任何注释);

5、app.wxss文件:整个小程序的样式文件,我个人认为这个文件就是设置整个项目的css文件。针对每个页面的css文件的内容不同,加载到对应页面的css样式时,当前页面的wxss文件会覆盖app.wxss文件(估计跟普通的css样式的覆盖规则类似)。

6、project.config.json文件: 这个其实是每个开发者工具生成的项目都有的,但和项目内容实际没有特别大关联,主要是记录相关工具的配置的,在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

7、sitemap.json文件: 这个可以配置是否允许被微信索引,具体看微信官方文档-sitemap 配置
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/586079
推荐阅读
相关标签
  

闽ICP备14008679号