微信小程序目录结构

文件名称必须与页面的文件夹名称相同

如index文件夹,文件只能是index.wxml、index.wxss、index.js和index.json

utils

作用: 主要用于存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用。

module.exports

作用: 对于允许外部调用的方法,用module.exports进行声明,才能在其他js文件中用一下代码引入

    module.exports = {
           formatTime: formatTime
    }

app.json

作用: 系统配置文件为app.json文件

主要配置一下项目:pages、window、tabBar、networkTimeout、debug,该文件为json数据,文件内不能添加注释行。

pages:

界面个数,是一个数组参数,每一条数据代表一个页面,每次创建一个页面,必须在这边注册才能进行跳转和显示该页面,并且注册页面的时候不需要写文件的后缀名

window:

界面配置:主要是导航栏,用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabbar:

界面最后的tab,

network timeout:

网络请求设

debug:

模式设置,默认为false,true为调试模式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是我新创建的小程序demo,目录结构为一下形式: 一个小程序包括一个描述整体的app和多个描述各自页面的page...
    WJ龙阅读 3,300评论 0 2
  • 结构说明 app.json 小程序全局设置包括也没模块信息,窗口设置,tabBar等。 pages文件夹也没模块 ...
    小肥虎阅读 320评论 0 1
  • 微信小程序目录结构可以分为3个部分:框架全局文件,框架页面文件和工具类文件,如图 框架全局文件 一个小程序的主体部...
    hi武林高手阅读 16,352评论 0 20
  • 一:简介.json为配置文件 .wxml为模板文件,相当于HTML模板 .wxss 为样式文件,相当于HTML的...
    Reg8888阅读 12,463评论 0 1
  • 返回目录 一. 页面文件(通常有下面四个文件组成) 二. 项目配置文件 三. 项目主样式(写在这里的样式,对整个项...
    LYSNote阅读 1,463评论 0 0