json:

project.config.json:项目配置

app.json:全局配置

page.json:页面配置

json文件

JSON文件

1. project.config.json：项目配置文件

2. app.json：全局配置

3. page.json：页面配置

4个文件： json-配置、js-逻辑、-wxml-界面结构（类似html），wxss界面样式（类似css)

json文件

JSON文件

1. 项目配置：project.config.json

2. 全局配置：app.json

3. 页面配置：page.json
   

iconPath icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。 当 position 为 top 时，不显示 icon

tab bar

define what pages in this miniprogram

json配置文件

https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

tabBar

color

selectedColor

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

全局配置

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

通过配置文件生成 页面文件

ng cli 功能

# 微信小程序 icons

https://cdn.xgqfrms.xyz/icons/wx-xcx/cloud-actived.png

https://cdn.xgqfrms.xyz/icons/wx-xcx/cloud.png

https://cdn.xgqfrms.xyz/icons/wx-xcx/server-actived.png

https://cdn.xgqfrms.xyz/icons/wx-xcx/server.png

page === route

json 配置文件

页面创建方法

如果在APP.js中添加的新的页面，目录中没有自动生成时，需要手动添加

Json文件种类

各种json文件的作用

1. project.config.json 项目配置

2. app.json 全局配置

3. page.json 页面配置
   

新建page无法自动加载？

1. 创建页面：app.json-->pages-->"pages/base/base"
   

2. 报错：未找到 app.json 中的定义的 pages "pages/base/base" 对应的WXML文件

3. 解决方案：pages（右键）-->新建文件夹-->新建 Page
   

写代码有问题。

project.config.json : 项目配置；

app.json : 全局配置；

page.json : 页面配置。

json文件

小程序json文件种类

.json文件包含：

1、project.config.json  项目配置

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

3、page.json 页面配置  每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。

4、在app.json中包含了pages、window、tabbar……等属性，

pages：是一个数组形式，里面用于存放各种页面的路径，也可以在这里创建文件夹，会在小程序project中对应生成文件夹。

window:页面窗口样式的设计，包含，导航条、导航条的文本、字体设置等。

tabBar:Tabbar组件，也可以用来作为小程序的自定义Tabbar使用,其中的list属性是一个数组，里面的内容是{} 对象形式，（至少有2个，最多5个）……

代码构成：

1 .json：配置文件，以json格式储存一些配置

2 .wxml：模板文件，描述页面结构，相当于HTML

3.wxss：样式文件，调整页面样式，相当于css

4.js：脚本逻辑文件，页面和用户的交互逻辑

project.config.json 项目文件配置

JSON文件

app.json 文件

1、pages 定义App需要展示的文件

"pages": [

"pages/index/index",

"pages/userConsole/userConsole",

]

2、window 用于定义 打开的窗口的样式

"window": {

"backgroundColor": "#F6F6F6",

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#F6F6F6",

"navigationBarTitleText": "云开发 QuickStart",

"navigationBarTextStyle": "black"

},

3、json 分为 

project.json

App.json   全局设置，包括页面页签数量、页面调用多少wxml页面文件

wxml.json 对wxml页面文件样式

json文件配置