hbuilderx创建项目

最近公司项目开始接触mui框架，mui框架具有丰富的插件，使用起来很方便，但是在开发过程中也遇到了很多坑，记录一下学习的心得，让大家避免重复踩坑。

首先要介绍一下mui框架简介

1.一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。有些控件就是原生态的效果，mui起到了桥梁的作用。
2.MUI是国产的，北京数字天堂。和它配套的有开发工具 HBuilder，5+runtime。
3.5+runtime：可以将H5打包成native app，原理：利用原生态的webview去承载HTML5。

项目体验
官网提供了一个用mui开发的HelloMui App，可以在手机上安装体验一下开发效果，地址：http://dev.dcloud.net.cn/mui/

怎样使用mui框架
使用mui开发APP只需要下载一个开发IDE：Hbuilderx，mui框架已经内置在里面了。

自己新建一个mui项目
HBuilder安装好之后，文件->新建->项目，然后在弹出界面选择mui项目就可以创建一个包含mui框架的简单APP项目。

安装插件
（需要配置一些插件：如内置浏览器插件）

运行项目
打开左侧中的index.html页面，在body标签中写一行hello word，保存。
配置项目初始页面。

项目结构分析
在左侧的项目管理器中可以看到这个项目结构很简单，css，js，fonts三个文件夹包含了mui框架所须的一些基本文件，下面的manifest.json类似原生安卓开发，包含了应用的图标，启动页，权限等各种设置。

获取应用appId

hbuilderx创建项目相关推荐

基于HBuilderX创建移动app项目并利用mui实现简单页面跳转
刚开始学,听老师讲了一些介绍,要求我们做一个页面跳转,当时内心真的是万马奔腾,他的是使用什么icon的来实现的,但是我没看不懂怎么实现页面跳转的,就使用了mui来做了.百度了很多内容,杂七杂八的,所以 ...
HBuilderX 创建 uni-app 模板项目，提示下载失败
HBuilderX 创建 uni-app 模板项目,提示下载失败右键以"管理员身份运行" 运行HBuilder X就可以创建成功了!
Linux下构建 uniapp h5 应用（非命令行创建项目）
最近公司有git提交uniapp项目之后自动部署h5的需求,故有了此文章.大致流程就是git提交代码后通过Webhooks触发git拉取,然后在Linux主机上编译构建,接下来就是实际操作(省略了gi ...
uni-app（1）— 环境搭建（安装编辑器，创建项目，项目运行）
此文为uni-app总结笔记(1)- 环境搭建 (安装编辑器 – 创建项目 – 运行到浏览器,微信开发者工具) 一: 安装编辑器HbuilderX [下载地址] : https://www.dclou ...
微软SCRUM 1.0流程模板在中文版TFS2010上无法创建项目的解决办法（续）
原文: http://www.almnetworks.net/zh-CN/post/2010/08/04/Microsoft-Visual-Studio-Scrum-10-Template-on-Ch ...
1.3创建项目「深入浅出ASP.NET Core系列」
控制台创建项目 dotnet new --help 使用控制台采集项目,务必要熟练使用命令,--help是命令帮助的指明灯,在你无法google的时候,可以离线状态最快的帮助到你. 根据模板名称,我们 ...
【一步步学小程序】1.创建项目以及TabBar
1.创建项目如图,创建项目,输入项目名称.选择目录,AppID是唯一标识,我们可以先点如图红框内的测试号,自动生成一个AppID,然后点新建即创建完一个新项目. 2.创建3个页面确保如图左上角的编 ...
Android Studio创建项目
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u010046908/article/details/47000873 创建项目首先,先指出Andr ...
Django项目准备和配置（MVT图解、创建项目和应用、更换解释器、安装应用、本地化、模板路径、项目中匹配urls、应用中匹配urls.py、准备视图、开启服务器、修改DATABAS配置信息）
Django模型主要包含: 模型配置数据的增删改增:book = BookInfo() book.save() 和BookInfo.objects.create() 删:book.delete() ...

hbuilderx创建项目

hbuilderx创建项目相关推荐

最新文章

热门文章