Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you how to write Hello world in WeChat Mini Programs's development. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

The development tool is in the following state.

On the far left of the screen is the navigation menu, which is used to switch editing, debugging, project settings and other functions. Today we focus on the editing function.

The right side of the navigation menu is divided into three large areas, namely, the Mini Program execution area, the directory tree and the code editing area.

Mini Program implementation area

There are two drop-down list boxes at the top of the area, which can be used to switch between mobile phone type and network mode. The current selection results are iPhone6 and wifi.

In the middle is the executive picture of Mini Program. In this example, the screen is divided into three sections: the top navigation bar, the middle user information, and the lowest string: Hello World.

At the bottom of this area, the scene value and path of the current page are displayed.

If you click on the avatar with the mouse, Mini Program will switch to the log screen.

The log screen records the date and time of each launch of Mini Program.

Click "return" in the upper left corner of the screen to return to the startup screen.

Directory tree

The directory tree represents the directory composition of the project. At the top of the directory, there are two pages,utils directories and several app files.

Pages directory

Mini Program places all the page files in this directory, with each page in a separate subdirectory.

WeChat Mini Programs's page consists of the following four files:

File type required role js is page logic wxml is page structure wxss No page style sheet json No page configuration

The four files must have the same file name. However, depending on the actual situation, the wxss and json files can be omitted. For example, in this case, the index page does not have an json file.

Utils directory

This directory is used to place common functions, classes, etc.

App file

As the main body of Mini Program, the app file must be placed in the root directory of the project. Specific documents include:

File required role app.js is Mini Program logic app.json is Mini Program public setting app.wxss No Mini Program public style sheet

Code editing area

Select the file in the directory tree, and the contents of the file will be displayed in the rightmost area, the code editing area. The following figure shows the contents of index.wxml.

At the bottom of the code editing area, information such as the file name, file size, display scale, and file type containing the path is displayed.

These are all the contents of the article "how to write Hello world in WeChat Mini Programs's Development". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.