0
点赞
收藏
分享

微信扫一扫

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

weednoah 2022-05-31 阅读 77

1.⼩程序结构⽬录:

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

 

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

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

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

 

 

2. ⼩程序配置⽂件:

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

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

3. app.json 全局配置:

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

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

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

微信小程序 - 基本目录简介_json_03微信小程序 - 基本目录简介_字段_04

{
  "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

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

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

 

 微信小程序 - 基本目录简介_字段_06

 

 

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

微信小程序 - 基本目录简介_字段_07

 


本文来自博客园,作者:​​咸瑜​​​,转载请注明原文链接:​​javascript:void(0)p/15222186.html​​


举报

相关推荐

0 条评论