为了更好的，更简单有效的方式让用户体验到APP的服务，我们就需要好好了解小程序的框架，以及它提供的语言，并且能使开发者能够专注于数据和逻辑
一、小程序文件结构和传统Web对比
结构 | 传统Web | 微信小程序 |
结构 | HTML | WXML |
样式 | CSS | WXSS |
逻辑 | Javascript | Javascript |
配置 | 无 | JSON |
二、基本项目目录
打开vs，可看到对应的文件
三、配置文件
一个小程序的应用程序会包括最基本的两种配置文件，一种是全局的app.json，一种是页面自己的page.json
全局配置app.json
是当前小程序的全局配置，包括了小程序的所有页面路径，页面表现，网络超时时间，底部tap等
具体可参看微信小程序官网（如下界面）
主要是在app.json里面修改，上述代码均是修改外观的
注意：
- pages字段
用于描述当前小程序的所有页面路径，为了让微信客户端知道目前页面在哪个目录 - Windows字段
定义小程序所有页面的顶部背景颜色，文字颜色定义等
完整的可参考链接：全局配置
而如果要加入新的页面，只需在我们的微信开发者工具里面增加一行代码再保存即可
（不是在vs code里面）
以加入tabBar为例：
左侧是加入好的素材，右侧tabBar是我们新加入的底部样式，其中
pagePath为：为首页的页面的路径
text为：显示内容
iconPath为：图标的路径
selectedIconpath为活跃时候的显示的图标
但是list数组中至少包含两项，故我们再增加logs的设置效果如下
我们也可以根据别的属性更改我们的设置，使其更美观
注意：
新加入的属性应该与在list里面的对象同级
页面配置page.json
page.json用来表示页面目录下的page.json这类和小程序相关的配置
可以定义每个页面的额属性，如顶部颜色，允许下拉等
页面配置只能设置app.json中部分window配置项的内容，页面中配置项会覆盖
具体可参看官网文档
若要设置新的页面index2的样式，则点进去index2.json
直接在括号内设置需要的东西
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}第二篇微信小程序的开发的笔记就做到这里啦！
具体可以看B站视频 微信小程序
