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

 时间:2026-02-14 13:25:54

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简易通讯控制器出现黄色惊叹号怎么办
  • 电脑如何处理网卡驱动装不上的情况?
  • 驱动软件离线安装网卡驱动
  • 热门搜索
    养老保险怎么算 肩胛骨疼是怎么回事 win7安全模式怎么进 我的世界怎么飞行 英雄联盟辅助怎么玩 vcf文件怎么打开 佳钓尼鱼竿怎么样 巧克力怎么做 鲤鱼怎么做 炖排骨怎么做好吃