Here’s the the following steps for developing a mini program:

  1. Creation
  2. Coding
  3. Debug
  4. Test
  5. Upload
  6. Release

And the applet development tool aims to provide you with a one-stop applet development service, including:

  • Project creation
  • Coding
  • Simulator
  • Debugging tool
  • Upload

    Interface

You can create a sample project. And You will see the following interface after opening:

image.png

Coding

The mini-program development tool provides you with customized experience:

  1. The file tree supports creating mini program by one click, which contains four files: axml, acss, js, and json.
  2. There are prompts for automatic completion of mini-program syntax and API.

Simulator

The simulator is the core of a mini-program development tool. The mini program is not an ordinary H5 App, which cannot be previewed in a browser.
Any code modification will acton the simulator in real time. In order to facilitate debugging, the simulator provides functions including geographic location simulation.

Debugging Tool

The mini-program developer tool also provides a customized “Devtool”, which is used to check the log of the simulator operation and others. The debugging tool also provides AXML plug-in for debugging the mini-programelements:

image.png

Upload

When the development is completed,you can upload the mini-program package to the open platform.