Case Analysis of WeChat Mini Programs's Development tools

This article mainly explains "case Analysis of WeChat Mini Programs Development tools". The content of the explanation in this article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought slowly and deeply. Let's study and learn "case Analysis of WeChat Mini Programs Development tools".

In-depth introduction of Wechat development tools

Before I talk about the editor, I'd like to emphasize that this is not difficult at all. I know what each button means by clicking on it. I'll just introduce the points that we often use in development.

1.1 A general introduction to development tools is mainly divided into four parts

1.2 Toolbar

In the toolbar we can click on the project, create the project and import the project, other options we do not need to know.

We can control the display of editors, debuggers, simulators in the toolbar, and show the display when the current period is highlighted.

If we want to watch and preview our Mini Program on our mobile phone before launch, we have to compile first, and then click Preview to see our Mini Program.

For example, some of our operations can not be completed in the simulator, we have to use the mobile phone, and then want to see the information generated by the action, we need to use the real machine to debug, and the operation on the mobile phone will be printed directly on our computer. So we can debug it better.

Switch between background and clear cach

Points that we should pay special attention to in the toolbar

1 if our backend service does not have a real server and https domain name, we have no way to debug the real machine. 2 in the development phase, many of our functions can be completed without real machine debugging. Then we just need to interact with the local server. 3 if it is not set up in the place shown in the following figure, the interaction between Mini Program and the local will not be completed. He will verify the backend of Wechat's official website, that is, your personal Mini Program account (https://mp.weixin.qq.com/).

If we do the configuration as shown in the figure, when Mini Program interacts with the daemon, there is no need to verify our https domain name and server.

1.3 Editor

The editor is relatively simple. Let's just note what it is.

1.4 Debugger

The function of the debugger is the same as the debugger pattern called by f12 in our browser, but with a little difference

Thank you for your reading. the above is the content of "case Analysis of WeChat Mini Programs Development tools". After the study of this article, I believe you have a deeper understanding of the case analysis of WeChat Mini Programs development tools. The specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!