微信小程序 - 基本目录简介

1.⼩程序结构⽬录:

 

通过以上对⽐得出,传统web 是三层结构。⽽微信⼩程序 是四层结构,多了⼀层 配置.json

书上说: wxml 和 js 文件必须存在  wxss 和 json 可以省略的.

 

 

2. ⼩程序配置⽂件:

⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json 和 ⻚⾯⾃⼰的 page.json

注意:配置文件中不能出现注释

3. app.json 全局配置:

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

完整配置项说明请参考小程序全局配置

以下是一个包含了部分常用配置选项的 app.json :

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/index",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}
app.json

字段的含义:

1. pages 字段⸺⽤于描述当前⼩程序所有⻚⾯路径,这是为了让微信客⼾端知道当前你的⼩程序 ⻚⾯定义在哪个⽬录

2. window 字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字颜⾊定义等

 

全局工程配置:project.config.json

这个是不能删除 其实这玩意就是本地设置的各种设置,即:

 

 

 

 

一般我创建一个项目 都是按照下面的来

 

posted @ 2021-09-03 10:59  咸瑜  阅读(638)  评论(0编辑  收藏  举报