一、开发工具的下载和安装
1、下载微信开发者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2、下载对应操作系统版本的工具即可；
3、安装注意事项：
大家在学习过程中，会安装各种各样的工具；
3.1 尽量避免出现中文目录，但是国内的开发工具其实可以出现中文目录；
3.2 尽量避免出现空格、特殊符号(_不归纳到特殊符号中)；
3.3 尽量避免安装在C盘，如果磁盘多，可以用一个磁盘专门安装软件，如果磁盘少，那么就定义一个文件夹，专门安装软件；
4、安装步骤
4.1 双击wechat_devtools_1.05.2108130_x64.exe进行安装
4.2 进入安装向导界面，直接点击下一步
4.3 进入许可协议界面，点击我接受
4.4 选定安装目录（参照3），我的安装目录：D:\Tools\微信web开发者工具，点击安装
4.5 等待安装完毕，点击完成
二、账号的注册
1、必须得有微信账号，你使用微信开发者工具，需要通过微信登录；
2、必须得有小程序帐号，最终小程序帐号要和微信用户绑定；绑定之后，你的微信账号就是小程序的管理员；
3、一个微信账号可以绑定很多个微信小程序；
4、申请地址： https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN
4.1 点击页面底部的前往注册按钮
4.2 需要邮箱作为登录帐号，你可以使用QQ、126、163、雅虎等；
申请一个126邮箱；
4.3 帐号信息：填写帐号、密码、验证码等信息，会向邮箱发送一个激活链接；
4.4 邮箱激活：去邮箱进行激活即可；
4.5 信息登记：
注册国家/地区：中国大陆
主体类型：个人
主体信息登记：身份证姓名、身份证号码、管理员手机号码等
4.6 提交完成之后，点击弹出中的前往小程序；
三、项目搭建
1、双击桌面上的微信开发者工具图标，第一次使用，需要通过微信账号进行扫码登录；
2、在左侧：选择小程序项目 -> 小程序
3、再右侧：点击 + 号，创建微信小程序；
4、创建小程序的选项：
项目名称：sfzy
目录：D:\WeChatProjects\sfzy
AppID：把我们刚才注册的AppID粘贴过来即可；
左侧菜单：开发管理 -> 开发设置 -> 找到AppID
开发模式：小程序
后端服务：不使用云服务
语言：JavaScript
5、点击确定，即可创建一个微信小程序项目。所有的微信小程序创建出来以后，都会自带一些demo代码；
四、开发者工具界面介绍
4.1 三大区域
模拟器区域：模拟真机环境，我们的代码在不同手机上呈现的基本效果；可以在左上角选择机型、百分比、字体大小等；
机型：主要是看分辨率；而不是必须找到对应的厂商品牌；如果真的很纠结的话，可以自定义；
显示比例：可以让我们更完整的看到效果；
字体大小：不要更改，16即可；
注：开发微信小程序，机型推荐都选择iphone6/7/8
编辑器区域：项目结构目录 和 编辑代码；
包含两部分：资源管理器 和 编辑器；
资源管理器：项目目录结构
调试器区域：代码调试；
4.2 菜单栏
1、头像：用来切换登录用户；
2、模拟器、编辑器、调试器：三个按钮，用来打开或关闭三大区域
3、编译模式：可以切换编译模式
普通编译默认打开的项目首页；
点击编译下拉菜单，选择添加编译模式。
模式名称：自定义，可以出现中文；
启动页面：选择模式对应的页面；
点击确定即可；
4、编译按钮：手动编译；
5、预览按钮：出现二维码，通过微信扫码，可以在手机端查看效果；
6、真机调试：在手机端预览，并通过调试台查看真实反馈；
7、清缓存：清理缓存数据
8、上传：把代码上传到微信小程序服务器
9、详情：包含了小程序的基本信息设置
