2-wxml、wxss、js、json

一、目录结构文件的说明

1. project.config.json文件类似于vue里边的package.json，项目的配置文件
2. app.wess、app.js、app.json都是全局配置
3. app.json 可以设置小程序的页面路径、窗口的表现、设置网络超时时间、tabBar等
   完整配置项说明请参考小程序全局配置

• pages(页面路径列表):你有多少个页面就必须写多少路径，否则页面展示不出来；数据类型是数组，排在第一的是默认显示页面。
• window(全局的默认窗口表现):可以自己设置
• tabBar(底部 tab 栏的表现):可以自己设置（最多2个最多5个）

4.app.js 全局的js文件
5.util(工具文件)：封装一些常用的方法
例如在util文件夹新建一个http.js（把页面请求封装起来）

function request1(url, callBack) {
  wx.request({
    url: url,
    success(res) {
      callBack(res.data)
    }
  })
}
function requestMovie(url, key, title, callBack) {
  wx.request({
    url: url,
    success(res) {
      callBack(res.data,key, title)
    }
  })
}
module.exports = {
  request2: request1,
  requestMovie: requestMovie
}

在其他页面js中

let http = require("../../utils/http.js");
http.request2(url + coming + "?start=0&count=10", this.getHttp);
//回调函数
getHttp(res) {
   console.log(res);
}

6.右键-->新建目录-->新建page，可以一次性创建四个文件，也可以单独创建，一次性创建的目录会自动添加到app.json的pages里边，单独创建的需要手动在app.json中配置页面路径
⚠️自己单独创建的页面需要在.json文件里边添加{}，在.js文件里边调用Page()才不会报错

一个文件夹中一般有四个文件：index.js 、index.json 、index.wxml 、index.wxss