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