Software Innovation Lab: WeChat Mini Program Development-Introduction to Development Framework

statement

1) Part of the content of this article is compiled from the information on the Internet. If you accidentally infringe on everyone's rights, you can still contact the blogger to delete it.

2) The blogger is Mengxin on the road. If there is any inappropriateness in the article, please point it out and make progress together, thank you.
 

Introduction to Development Framework

 

New Project

First open the WeChat developer tool, log in to the bound WeChat account, select the applet,

New Project 

After filling in the relevant information, click New. If the applet is only used for testing and training, you AppIDcan choose to use the test number.

 

Framework introduction

After the creation is completed, the following interface will appear, and the
New interface
 
preview area on the left, which can display the effect of your finished product in real time.

In the middle is the directory structure of the code, also called the framework area,

The upper right is the code area, and the lower right is the debugging area.


Several functions will be introduced below,
 

First, it is the adjustment of the WeChat developer tool interface.
Button
You can decide whether to display the relevant interface by clicking the three buttons in the figure above. The example is as follows:

 
test
 


Secondly, the setting of the preview area,
Preview area 

In the red box, the selected mobile phone model is displayed, the window display ratio and font size can be adjusted by yourself to change the preview effect to achieve the best experience.


Then there are some things about the debugger,

Click Console, here will report various errors during our runtime, so that we can use debug to debug and repair later,
console


Click Sensor, we can locate the latitude and longitude here,
Latitude and longitude
 

When you scroll down, you will find something like this,

simulation

That is to simulate the state of the mobile phone, we can perform simulation operations such as flipping, shaking, etc., for example, we can perform a shake test. I will not go into details here. The following shows the effect diagram of the simulated mobile phone tilt.

Tilt simulation
Mainly, the application of the above frameworks is very simple.

Guess you like

Origin blog.csdn.net/weixin_46263782/article/details/109686306