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简易通讯控制器出现黄色惊叹号怎么办
  • 电脑如何处理网卡驱动装不上的情况?
  • 驱动软件离线安装网卡驱动
  • 热门搜索
    西葫芦的做法大全 年收益率怎么算 内蒙古旅游景点大全 防病毒手抄报大全 凉菜做法大全 龙井茶怎么泡 婚礼请帖怎么写 庄子简介 笔画怎么打 密春雷的个人资料简介