HTML5 APP开发MUI框架教程——创建移动APP

 时间:2026-04-26 18:40:55

1、打开Hbuilder IDE编辑器

HTML5 APP开发MUI框架教程——创建移动APP

2、Hbuilder 初始化界面,可以看到“新建Web项目”、“新建移动APP项目”

1、  直接点击新建移动APP项目

2、“文件”-“新建”-“移动app”

3、  快捷键 Ctrl+N

HTML5 APP开发MUI框架教程——创建移动APP

HTML5 APP开发MUI框架教程——创建移动APP

3、打开创建移动APP项目;

1、“应用名称”给创建的移动APP应用程序起一个项目名称,可以随意定义

2、“位置”创建的移动APP项目存放位置,可以任意修改

3、   选择模板,如图勾选“mui项目”,

点击完成

HTML5 APP开发MUI框架教程——创建移动APP

4、如图:这就是我们刚刚创建的MUI的项目;

1、“css”mui框架所需要的样式

2、“fonts" mui图标、字体 文件

3、“js“ mui框架集成的js文件

4、“ index.html”应用程序入口文件

5、“manifest.json"应用程序配置文件

HTML5 APP开发MUI框架教程——创建移动APP

5、右上角有一个开发视图,切换到边改边看模式,可以变写代码,边看样式

如图我的第一个HTML5  移动APP项目创建完成

HTML5 APP开发MUI框架教程——创建移动APP

  • win10驱动怎么安装
  • 电脑怎么手动安装已经备份好的驱动?
  • PCI简易通讯控制器出现黄色惊叹号怎么办
  • 电脑如何处理网卡驱动装不上的情况?
  • 驱动软件离线安装网卡驱动
  • 热门搜索
    苹果apple id怎么注册 问道怎么赚钱 电脑fps低怎么办 怎么能长出头发 微信怎么发文字 路由器dns怎么设置 怎么卸载手机自带软件 有鼻炎怎么办 树新蜜蜂英语怎么说 喜德来家具怎么样