搭建小程序开发环境

一、体验微信小程序

1.1微信小程序的起源

微信之父：张小龙

张小龙认为任何一种工具都是用来帮助用户提高效率的。用最高效率的方法完成任务是工具的目的与使命。

1.2微信小程序与H5应用和原生App的区别

微信小程序与H5应用的区别

相较于H5应用，由于小程序基础库封装在微信客户端，所以在微信客户端的支持下，微信小程序的速度会更快，同时小程序可以调用更多的系统功能，如：GPS定位、录音、拍视频、重力感应等。

微信小程序与原生App的区别

相较于原生App，小程序方便的优势体现的尤为明显。小程序用完即走、不用卸载和不用考虑占用空间等特点都是原生App无法实现的。

1.3微信小程序的特点

1. 不需要安装
2. 触手可及
3. 用完即走
4. 不需要卸载

二、注册和使用小程序管理平台

2.1程序管理平台的基本功能

1. 开发管理
2. 用户身份
3. 数据分析
4. 模板消息
5. 客服消息
6. 附近的小程序
7. 运维中心
8. 推广
9. 设置（基本设置、开发设置、第三方授权管理）

2.2注册和申请微信小程序账号

1. 在微信公众平台官网中单机页面地址栏右下方的立即注册按钮
2. 注册账号类型，这里选择小程序
3. 完善用户账号信息，注意填写未注册过的公众平台、开放平台、企业号、未绑定个人账号的邮箱。填写完成后，单机“注册”按钮
4. 激活邮箱。登录邮箱，查收激活邮件，单击邮件中的激活链接
5. 用户信息登记。激活链接后进入用户信息登记流程，选择主体类型，用户信息登记分为主体信息登记和管理员信息登记，按需求选择并填写，填写完成后单击“继续”按钮，此时会弹出一个提示对话框，提示主体信息提交后不可修改
6. 选择验证方式。企业类型账号可选择两种主体验证方式。
7. 完成验证后登录账号，就能看到小程序后台可以使用了。

三、安装和使用开发者工具

3.1微信开发者工具简介

微信开发者工具是基于微信的网页，帮助开发者更方便，更安全地开发和调试程序而推出的Web开发工具。它是一个桌面应用，通过模拟微信客户端，使开发者可以使用这个工具方便地在计算机上进行小程序代码编写、调试程序、模拟手机等操作。 

3.2调试工具的7大模块

1. Wxml(WeiXin Markup Language)是框架设计的一套标签语言

2. Sources用于显示当前项目的脚本文件

3. Network用于观察和现实request和socket的请求情况

4. AppData用于显示当前项目当前时刻AppData的具体数据，实时的反馈项目数据情况，可以在此处编辑数据，并及时地反馈到界面上

5. Storage用于显示当前项目使用wx.setStorage或者wx.setStorageSync后的数据存储情况

6. Console开发者可以在此处输入和调试代码，小程序的错误输出，会显示在此处

7. Sensor 开发者可以在这里选择模拟地理位置，也可以在这里模拟移动设备表现，用于调试重力感应API

3.3微信开发者工具的界面

1. 编辑界面（左侧标签栏、顶部菜单栏、小程序模拟器、文件树视图和代码编辑视图）

2. 调试界面

3. 项目界面（包含了小程序的基本配置信息）  

3.4小程序项目基本结构

文件扩展名为js的是脚本文件，为json的是配置文件，为wxss的是样式文件 

app.json是对整个小程序的全局配置。在这个文件中，可以配置小程序的页面组成、窗口背景色、导航条样式、默认标题。注意：改文件不可以添加任何注释