软件创新实验室:微信小程序开发——开发框架介绍

声明

1)该文章部分内容整理自网上的资料,如不小心侵犯了大家的权益,还望海涵,并联系博主删除。

2)博主是萌新上路,文中如有不当之处,请各位大佬指出,共同进步,谢谢。
 

开发框架介绍

新建项目

首先打开 微信开发者工具 ,登录所绑定的微信号后,选择小程序,

新建项目 

填写相关信息后,点击新建即可,若是该小程序仅用于测试和练手,AppID可选择使用测试号,

框架介绍

新建完成之后,会出现以下界面,
新建界面
 
左边是预览区,即可以实时显示出你的成品效果,

中间是代码的目录结构,也称之为框架区,

右上边是代码区,右下方则是调试区,


下面将介绍几个功能,
 

首先,是对微信开发者工具界面的调整,
按钮
可以通过点击上图中的三个按钮,来决定是否显示相关界面,示例如下图,

 
测试
 


其次,是预览区的设置,
预览区 

在红色的方框中,显示的是所选择的手机型号,窗口显示比例和字体大小,可以通过自行调整,来改变预览效果,以达到最佳体验,


然后是关于调试器的一些事项,

点击Console,这里会报出我们运行时的各种错误,方便我们之后使用 debug 调试和修复,
console


点击Sensor,我们可以在这里进行经纬度的定位,
经纬度
 

滚轮往下,会发现这样一个东西,

模拟

即模拟手机的状态,我们可以对它进行翻转,晃动等仿真操作,例如我们可以进行摇一摇的测试,这里就不细说,下面展示一下模拟手机倾斜的效果图,

倾斜模拟
主要就是对以上这些框架的运用,十分的简单。

猜你喜欢

转载自blog.csdn.net/weixin_46263782/article/details/109686306