小程序开发——文件目录

上一篇我简单地介绍了一下小程序，现在我来介绍一下小程序工程里面的文件及其作用

先看一下小程序工程的界面，如下图

左边是模拟器，中间是文件目录，右边是具体的文件的内容。我们主要看中间的文件

• pages
  pages文件夹下面的是页面相关的文件，home这个是我新建的一个页面。新建一个page时，会产生4个文件
  .js文件：其实就相当于APP的controller，里面包括data（页面数据，相当于全局变量），页面的生命周期函数
  .json：可以配置navigationBar的一些信息
  .wxml：布局文件，相当于APP的view
  .wxss：定义布局文件的一些组件的样式，在这里定义好之后，在.wxml里面就可以直接通过class来引用了
• utils
  这里存放的是.js文件，与pages里面的.js文件不同，这里的.js文件是一些公共类文件
• app
  下面还有app.js, app.json, app.wxss。
  app.js：里面的App是用于启动时做一些内容加载请求使用，是小程序未进入首页之前的，相当于iOS的AppDelegate；里面的globalData存放全局变量，可以在任何一个.js文件里面被调用，相当于iOS的PrefixHeader.pch
  app.json：里面的pages是所有页面的入口，第一个就相当于打开小程序第一次进入的页面，你也可以调换顺序；里面的window是整个小程序的一些窗口配置，如navigationBar等这些配置
  app.wxss：这个和pages里面的.wxss文件的作用是一样，都是定义一些组件所需的样式，然后在.wxml里面通过class来引用，只是这个.wxss是可以作用于所有的.wxml文件，pages里面的.wxss只用于对应的.wxml

对于小程序工程的文件介绍