微信小程序开发详解(二)---开发工具使用简介
2016-12-13 17:01
836 查看
1:PC桌面打开微信小程序开发工具(微信web开发者工具),如图1所示:
图1
2: 用微信扫描图1中的二维码,如图2所示,并选择第一项“本地小程序项目”,如图3所示。(现在如果开发工具版本太低,扫描时会报错,请先升级开发工具,开发工具会自动检查版本并自动升级。)
图2
图3
3: 图3中如果第一次创建项目,请选择“添加项目”,否则选择已经添加的项目。选择“添加项目”,如图4所示。
图4
4: 图4中如果仅仅是为了学习开发请选择“无AppID”,然后填写项目名称,选择项目目录,并且点解“添加项目”按钮。如图5所示,进入微信小程序开发工具主界面。
图5
5: 图5中点击工具左上角的“编辑”,工具进入编辑模式界面,如图6所示
图6
6: 图5中点击工具左上角的“调试”,工具进入调试模式界面,如图7所示
图7
7:
图7中点击工具左下角的“后台”,此时程序模拟当电话打来时,微信小程序进入后台的状态,如图8所示
图8
图1
2: 用微信扫描图1中的二维码,如图2所示,并选择第一项“本地小程序项目”,如图3所示。(现在如果开发工具版本太低,扫描时会报错,请先升级开发工具,开发工具会自动检查版本并自动升级。)
图2
图3
3: 图3中如果第一次创建项目,请选择“添加项目”,否则选择已经添加的项目。选择“添加项目”,如图4所示。
图4
4: 图4中如果仅仅是为了学习开发请选择“无AppID”,然后填写项目名称,选择项目目录,并且点解“添加项目”按钮。如图5所示,进入微信小程序开发工具主界面。
图5
5: 图5中点击工具左上角的“编辑”,工具进入编辑模式界面,如图6所示
图6
6: 图5中点击工具左上角的“调试”,工具进入调试模式界面,如图7所示
图7
7:
图7中点击工具左下角的“后台”,此时程序模拟当电话打来时,微信小程序进入后台的状态,如图8所示
图8
相关文章推荐
- 微信小程序开发记录一,开发工具的使用
- 微信小程序在开发工具预览的圆角模糊效果在ios手机中不能使用
- 微信小程序开发详解(四)---微信小程序开发组件使用初步
- 使用微信小程序开发弹出框应用实例详解
- 微信小程序开发工具使用与设计规范(二)
- 微信小程序开发工具使用指南
- 微信小程序的工具使用以及目录结构详解
- 微信小程序开发系列——2. 开发者工具以及开发框架简介
- 微信小程序学习(2)_开发准备和开发工具简介
- 微信小程序开发工具安装详解
- 浅谈数值计算程序开发中性能分析的重要性--valgrind工具使用简介及可恶的std::pow
- 微信小程序 (应用号)开发(教程)文档,内附开发工具及工具使用方法
- 微信小程序开发详解(四)---微信小程序开发组件使用初步
- IE8开发人员工具使用详解下(浏览器模式、JavaScript调试)
- IE8"开发人员工具"使用详解下
- IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)
- [Ext入门]图文详解Ext常见开发工具的安装使用(转)