微信小程序开发教程？
注意:在启动工具时，开发者需要在后台用已经成功绑定的微信号扫描二维码，后续所有操作都将基于这个微信账号。
第三，写一个小程序的例子
1.实例目录结构
2.示例文件描述及源代码一个小程序包含一个app(主体部分)和多个页面(页面)(1)。App用来描述整个程序，由三个文件组成。的。js后缀是一个脚本文件。json后缀是一个配置文件，而。wxss后缀是一个样式表文件，必须放在项目的根目录下。App.js是小程序的脚本代码(必备)。可以监听和处理小程序的生命周期函数，声明全局变量，调用这个文件中框架提供的丰富API。
App.json是整个小程序的全局配置(必备)，用来对微信小程序进行全局配置，确定页面文件的路径，窗口表示，设置网络超时，设置多个标签页等等。接受一个数组，每一项都是一个字符串，指定applet由哪些页面组成。微信小程序中每个页面的路径+页面名称都需要写在app.json的pages中，pages中的第一页就是小程序的首页。
App.wxss是整个小程序的通用样式表(不需要)。
(2)page用来描述一个页面，一个页面由四个文件组成。这里以首页索引为例。每个小程序页面都是由相同路径下的四个不同的同名后缀文件组成，比如:index.js、index.wxml、index.wxss、index.json. Files with。js后缀是脚本文件。json后缀是配置文件，文件带有。wxss后缀是样式表文件。wxml后缀是页面结构文件。Index.js是页面的脚本文件(必需)。在这个文件中，我们可以监听和处理页面的生命周期函数，获取小程序的实例，声明和处理数据，响应页面交互事件。
Index.wxml是一个页面结构文件(必需)。
Index.wxss是一个页面样式表文件(不需要)。当有页面样式表时，页面样式表中的样式规则会级联覆盖app.wxss中的样式规则，如果没有为页面指定样式表，也可以直接在页面的结构文件中使用app.wxss中指定的样式规则。
Index.json是一个页面配置文件(不是必需的)。当存在页面配置文件时，该配置项会覆盖该页面app.json的窗口中的相同配置项。如果没有指定的页面配置文件，将在该页面上直接使用app.json中的默认配置。这里不需要具体说明。温馨提示:a .为了减少开发者的配置项数量，小程序规定描述页面的四个文件必须具有相同的路径和文件名。b .小程序提供了丰富的API，可以根据自己的需求进行选择(/debug/wxdoc/dev/API/？t=201715)
四、测试小程序示例
1.打开微信web开发者工具，选择“本地小程序项目”。2.填写小程序的AppID和项目名，选择第三步写的小程序实例文件夹，点击“添加项目”。3.如果出现以下效果，那么恭喜你，你的第一个小程序项目已经写成功了！点击左侧边栏中的“编辑”，也可以直接在右侧的编辑窗口中修改代码。保存(CTRL+S)和刷新(F5)即可生效。
4.如果想在手机上看到小程序项目的效果，点击左侧边栏中的“项目”，点击“预览”生成二维码，打开微信扫描即可看到。