This is my first article on getting started

As the famous saying goes, “Every successful person has a beginning. The courage to start is the way to success.” So I started, I hope my article can bring you progress.

Wechat small program documents

Here WeChat applet throw to a link to your small program document to tell the truth, if you have the patience to read all the documents content, I think, you don’t need to read on, your capability has reached ninety percent, no longer is the introduction of a small white If you have enough time or read document feel boring, and want to quickly start WeChat small application development framework development (native), This article may be useful to you, please read on

The installation

1. Apply for an account (unnecessary step, now development tools support generating test Appids)

  • Mini program registration according to the content of the page to fill in the information to submit
  • After registration, you can log in the public platform which has small program configuration and release version audit

2. Install the development tool

  • First go to the official website to downloadWechat developer toolsRecommended downloadStable version
  • Complete the download as normal software installation, no need to configure the environment

Congratulations, you are ready to enter the development queue after completing the above steps

use

1. Create the first demo

  • Open the installed wechat developer tool and fill in the tool content (if you see cloud development option, please select itDo not use cloud developmentStart with the easy first, otherwise you will give up.)

  • That’s how fast the first demo is done. YoursHello WorldNow online(This is the default, not your own manual tapping)
  • Next, I’ll talk about the features of the common development tools, which are circled in red in the screenshot below

Understand the common functions of the tool (please see the picture above, and the function explanation is also explained according to the circled functions above)

1. Simulator:
  • Simulate the mobile phone page, modify the code pressctrl+sSave directly can see the effect, the display effect and mobile phone applet is almost the same.

2. Editor:
  • Common IDE editor, for writing code, modify the code of the tool, there is a direct hint syntax function, can help us develop speed.
3. Debugger:
  • Console, used for debugging bugs, or print the logical output content, can also view the interface sent content and interface returned parameter content, etc., the development of C test essential debugging tools.

The above three buttons can be clicked in the development tool. Green means that they have been selected and will be displayed in the interface, and gray means hidden.

4. 4.
  • Clicking on normal compile brings up four options
  • The first common compile is the default and is used for home page presentation
  • Add compile mode: You can click add your desired page path, after adding the default mode, the simulator will show the page under the path, which is good for development without code changes to switch to show the development page
  • Through the TWO-DIMENSIONAL code compilation: for the generation of two-dimensional code debugging use, click and select the two-dimensional code can be inonLoadFunction callback inside the output two-dimensional code content, the page will jump to the two-dimensional code set page path (may see a bit confused, it is recommended to manually try)
  • Compile through URLScheme: This URLScheme address can be used to jump to the target applette in the browser (to generate it, log in to the public platform, the “Tools” option in the upper right corner, see the URLScheme documentation if you want to generate it in code)



5. Preview:
  • Click preview by default will quickly generate a TWO-DIMENSIONAL code, mobile phone scan two-dimensional code can open you write small program, but it is the development version, not all people can see
6. Real machine debugging:
  • Click after the preview will quickly generate a TWO-DIMENSIONAL code, the difference is that after the scan code mobile phone to see the interface effect, control debugging console in the computer to see, so separate display is conducive to finding bug problems

Before 5 and 6 o ‘clock does not necessarily scan code to use the mobile phone preview, can also automatically adjust your mobile phone small program, do not need any scan code, just click automatic preview, as shown in the above picture

7. Clear cache:
  • When you click on this button, it tells you in great detail what kind of cache you need to know, and usually you can just clear it all with one click, because you can retest the authorization, and all the local caches are cleared, right

8. Upload:
  • Upload mainly means that after the development is completed, after countless tests, you can click “upload” if you find no problem. After uploading, you can log in to the public platform to view the uploaded version, which can be used to submit for review and release the mini program, as shown in the figure

9. Version management:
  • This depends on whether the individual needs, Git almost the same code warehouse management, as if the team has to charge, collaborative development and use is also good
10. Details:
  • Details below include basic information local Settings project configuration three options
  • The basic information is used to view the basic information of a small program, such as appId, code subcontract size * (maximum 2M for a single subcontract) *, etc
  • Local SettingsSwitch to debug base library, whether to convert JS to ES6, without verifying domain name(convenient testing)And other common functions
  • Item Configuration Displays the domain name configuration. The configured security domain name or service domain name is displayed

Imperceptibly found that the article has been very long, in order to reduce reading fatigue, decided to write, the next article will be the development of code, the title is “entry micro channel small program development (basic development)

Creation is not easy, useful hope to give a praise to encourage ~