HTML5 + mobile app development tutorial 3-mui development example, html53-mui

HTML5 + mobile app development tutorial 3-mui development example, html53-mui
Preface

Are you eager to try the first two articles?

The following is an example of a simple answer and mui-related content.

Mui

Official Website: http://dcloudio.github.io/mui/

Note: I hope you can read the content on the official website. This is the foundation for future development.

Start
Create a project

On the homepage, click Create mobile App, as shown below:

Alternatively, right-click the project manager to create a project, or press ctrl + n +.

Select Template

Select the mui project here. The mui js and css will be automatically introduced as follows:

File structure

By default, the following folders are available: css, fonts, and js:

Simple development header

Open index.html, enter mh in the body, and press enter as follows:

Body

Enter mbo and press Enter.

List

Add some lists in mbody

Final code

<! DOCTYPE html> 

Connect to the mobile phone through debugging (android as an example)
Connect to your mobile phone
Run


Select Run-mobile phone run-run on xx Device

Or press ctrl + r.
Effect
Now you can see the effect on your phone.
Note:
Developer mode must be enabled

Dcloud certificate Packaging


Choose release-App packaging-select android and dcloud public certificates, as shown below:

Parameter configuration


The parameter configuration error may occur sometimes. You need to open the manifest. json file under the project and remove the third-party plug-in, as shown below:
Wait
Return to the release package in the previous step. After you click package, you will be prompted that you have packed the package on the cloud. You only need to wait,
After a while, you can copy the apk to your mobile phone,


More
For more articles visit: http://uikoo9.com/blog/list