文章目录
- 声明
- 开发框架介绍
- 新建项目
- 框架介绍
声明
1)该文章部分内容整理自网上的资料,如不小心侵犯了大家的权益,还望海涵,并联系博主删除。
2)博主是萌新上路,文中如有不当之处,请各位大佬指出,共同进步,谢谢。
开发框架介绍
新建项目
首先打开 微信开发者工具 ,登录所绑定的微信号后,选择小程序,
填写相关信息后,点击新建即可,若是该小程序仅用于测试和练手,AppID
可选择使用测试号,
框架介绍
新建完成之后,会出现以下界面,
左边是预览区,即可以实时显示出你的成品效果,
中间是代码的目录结构,也称之为框架区,
右上边是代码区,右下方则是调试区,
下面将介绍几个功能,
首先,是对微信开发者工具界面的调整,
可以通过点击上图中的三个按钮,来决定是否显示相关界面,示例如下图,
其次,是预览区的设置,
在红色的方框中,显示的是所选择的手机型号,窗口显示比例和字体大小,可以通过自行调整,来改变预览效果,以达到最佳体验,
然后是关于调试器的一些事项,
点击Console
,这里会报出我们运行时的各种错误,方便我们之后使用 debug 调试和修复,
点击Sensor
,我们可以在这里进行经纬度的定位,
滚轮往下,会发现这样一个东西,
即模拟手机的状态,我们可以对它进行翻转,晃动等仿真操作,例如我们可以进行摇一摇的测试,这里就不细说,下面展示一下模拟手机倾斜的效果图,
主要就是对以上这些框架的运用,十分的简单。
更多推荐
软件创新实验室:微信小程序开发——开发框架介绍
发布评论