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

声明

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

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

开发框架介绍

 

新建项目

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

 

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

 

框架介绍

新建完成之后，会出现以下界面，

 
左边是预览区，即可以实时显示出你的成品效果，

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

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

---

下面将介绍几个功能，
 

首先，是对微信开发者工具界面的调整，

可以通过点击上图中的三个按钮，来决定是否显示相关界面，示例如下图，

 

 

---

其次，是预览区的设置，
 

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

---

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

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

---

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

 

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

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

主要就是对以上这些框架的运用，十分的简单。