WeChat Mini Program Development Tutorial: Course Outline and Tool Installation Guide

Preface

The "Mini Program Practical Tutorial" series of articles and video courses has been released; below is a review of the course outline.

Chapter 1: Mini Program Beginner Tutorial

Chapter 2: Mini Program Intermediate Practical Tutorial – Preparation

Chapter 3: Mini Program Intermediate Practical Tutorial – List

Chapter 4: Mini Program Intermediate Practical Tutorial – Detail

Chapter 5: Post‑lesson Exercises

Mini Program Development Tool Installation

In the previous section, step 8 showed a link that can open the developer tool download page directly, or you can visit the official download address. Choose the appropriate version for your device and follow the default installation steps.

Download the development tool

Getting Started with the Mini Program Tool

This tutorial uses the macOS version of the tool; the steps are the same on other platforms.

Open the installed WeChat Web Developer Tool and log in with an administrator or developer WeChat account by scanning the QR code. The administrator account is the one bound to the AppID during registration; a developer account can be added in the "Add Developer" step of the previous section.

After a successful login, select "Local Mini Program Project" and click "Add Project".

If you have not registered an AppID, you can still create a Mini Program project, but some features (such as mobile preview) will be limited. In this guide we already have an AppID.

After adding the project, it opens automatically in the WeChat Web Developer Tool, where you can edit, debug, set breakpoints, and preview the code; any file changes are reflected in real time.