这篇带你分分钟入门小程序开发。从认识小程序开始到搭建开发环境以及代码编写，文章过长，建议保存慢慢看。

一、认识微信小程序

（1）先了解应用如何开发

Web App（内嵌内浏览器打开指定网页） Native App（原生开发，也就是使用iOS和Android代码开发） Hybrid App（混合APP开发，写DIV+CSS+JS+PHP代码开发）

（2）微信、公众号、小程序

• 微信公众号：企业或个人组织管理其粉丝/用户的应用（类似于APP）
• 微信小程序：不需要下载安装即可使用的软件/应用/APP

（3）小程序和公众号的区别

（4）小程序与APP的区别

二、知识储备

【重要】HTML、CSS、JavaScript、PHP（基础）、MySQL（基础）

【次要】接触过Angular / Vue / React之类的前段框架

【次要】了解Node、ECMAScript 2015（ES6）更好

三、搭建开发环境

（1）安装开发工具

（2）安装：傻瓜式安装>>一直下一步

（3）创建项目

步骤1：双击开发者工具，用微信扫码登录即可

（4）创建：

（5）工具使用介绍

四、目录介绍

概念1：小程序项目由n个页面组成

概念2：每个页面一般由4个核心文件，分别为逻辑代码（js）、页面结构（wxml）、页面样式（wxss）、页面配置（json）

• & 多学一招：
• & wxml其实就是写HTML代码
• & wxss其实就是写css代码

五、代码编写

1.核心开发思想

步骤1：显示静态页面（DIV + CSS）

步骤2：数据动态化（js发送异步请求获取数据，接着遍历显示数据）

2.创建页面

3.实现步骤：

4.数据绑定

• 概 念：名词，指页面数据来源于js对象属性，并且对象属性值修改页面同步更新
• 效果图：将上图【?】替换成【PHP学院】

5.实现步骤

shphp.wxml

shphp.js

6.数据遍历和判断：

效果图

7.实现步骤

• a. 修改js文件代码（直接复制上面的准备代码）
• b. 修改wxml文件代码

shphp.js

shphp.wxml

六、文件配置

pages 声明小程序项目由哪些页面组成（注：默认加载第一个）

window 配置页面窗口

tabBar 小程序底部导航

需要案例的小伙伴，留言，留言人多继续更新~