### 第一个小程序项目

下载[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)，新建项目（不使用云开发 JavaScript模板）

### app.json

pages：定义小程序的页面，相当于路由功能

window：配置页面属性

​   backgroundColor：背景颜色，主要针对下拉刷新的背景

​   backgroundTextStyle：下拉刷新提示符号的颜色   light | dark

​   navigationBarBackgroundColor：导航栏背景颜色

​   navigationBarTitleText：导航栏文字

​   navigationBarTextStyle：导航栏文字风格  black | white

tabBar： 设置页面导航

​   position：设置导航位置  bottom | top

​   color：导航文字默认颜色

​   selectedColor：导航文字选中颜色

​   list：定义导航项  2-5个

​     pagePath：导航对应的页面地址

​     iconPath：导航图标地址

​     selectedIconPath：选中状态图标地址

​     text：导航文字

### 小程序的基本语法

view  =>  div  块级元素     text => span p  行内元素

新增rpx相对单位  1rpx 就是 屏幕宽度的 1/750

### 数据渲染

普通渲染   {{ msg }}  在两对花括号内写js表达式/变量

条件渲染  wx:if   wx:elif  wx:else

列表渲染  wx:for  wx:for-item  wx:for-index

```html

{{num}}

{{1+2}}