In this article you can learn:
WeChat Mini Program Development Tool Usage
Download: WeChat web developer tool
2. After scanning the QR code to log in, create a new or import an existing project (use the official DEMO source code quickstart here) 3. Create a new project and import the quickstart project you just downloaded
Since only companies or individuals that have received invitations to internal testing have AppIDs, be sure to select "No AppID"
Is it very similar to the chrome developer mode? . .
The "Debugging" module mainly includes selecting the debugging model, selecting the network type, console output, network resources, and view positioning , breakpoints, etc.
The red box on the left is the project structure directory, and the right is the code editing area. After each change is saved, Click "Compile" to view the modified page effect.
Place the mouse on the folder, a "+" icon will appear on the right, click to add a folder or file
Mini Program Design Specifications (Excerpted from WeChat Mini Program Design Guide)
In order to avoid users being When using mini program services on WeChat, your attention is distracted by the complex surrounding environment. When designing mini programs, you should pay attention to reducing the interference of irrelevant design elements on user goals, politely show users the services provided by the program, and guide users to operate in a friendly manner. .
Each page should have a clear focus, so that users can quickly understand the content of the page every time they enter a new page. After determining the focus, Under the premise, you should try to avoid other distracting items on the page that affect the user's decision-making and operations.
Once a user enters our mini program page, we have the responsibility and obligation to clearly and clearly inform the user where they are and where they can go, ensuring Users can move freely through the page without getting lost, so as to provide users with a safe and pleasant experience.
WeChat Mini Program Project Structure
Function | |
---|---|
Page logic | |
Page structure, a set of tag languages designed by the framework, combined with basic components and event systems, can build the structure of the page. | |
is a style language used to describe WXML component styles. Used to determine how WXML components should be displayed. | |
Page configuration |
Summary
The above introduces the preparation work for the development of WeChat mini programs from three aspects: development tools, design specifications, and project directories. It will be updated later; at the same time, through Import the official DEMO and display the Hello World applet page. Generally speaking, the mini program development tools are streamlined, the project structure is clear, the documentation is complete, and the entry barrier is not high; the WeChat team has packaged different operating systems and models, and developers only need to call the corresponding If you have any questions, you can also follow my WeChat public account "ITNotes" to communicate and learn together.WeChat public account platform source code download
2. 3.WeChat LaLa Takeaway 2.2.4 Decrypted Open Source Version of WeChat Rubik’s Cube Source Code
The above is the detailed content of Introduction to WeChat Development (2) WeChat Mini Program Development Tool Usage and Design Specifications. For more information, please follow other related articles on the PHP Chinese website!