mui开发项目流程_mui项目开发环境搭建

mui是Dcloud团队出品，号称是最接近原生app体验的前端框架。

为什么这么说呢？

那是因为mui集成了h5+的api，h5+又是什么呢？这也是Dcloud团队弄出来的，是一个规范，隶属于http://www.html5plus.org，定义了HTML5规范中没有但开发者做App需要的扩展规范。 DCloud的5+ Runtime完整的实现了HTML5+规范。同时5+ Runtime还实现了Native.js，一种通过js调用几十万原生API的技术。而mui仅仅使用了h5+的常用api，然后又封装了一些窗体控件提供给广大开发者，它的定位仅仅是一个应用框架，不是规范。

好了，废话不多说，接下来把开发环境的搭建步骤列出来供大家参考！

第一步：下载安装hbuilderx，地址：

https://www.dcloud.io/hbuilderx.html

下载之后，直接解压，双击exe文件即可使用，可以将此文件发送到桌面快捷方式，方便使用。

第二步：创建一个mui项目(如果已经有了就直接打开文件夹，找到mui项目就可以了)，选择mui项目，mui属于h5+app；

第三步：下载安装手机模拟器，推荐夜神模拟器吧，这个过程就简单了，不再细说。

第四步：模拟器打开开发者模式

1、首先打开设置，注意是模拟器内置的设置app

打开后就看到这个界面

注意第一次打开是没有开发者选项的，点击下面的“关于”，连续点击5次，再重新进入设置，就可以看到开发者选项了。

2、打开usb调试

点击开发者选项，进入后打开usb调试选项，在弹出框选择确定

第五步：将hbuilderx连接到模拟器

找到模拟器快捷键，右键—属性—打开文件所在位置，找到debugReport.bat这个文件，双击打开

打开之后将第一行的端口号复制粘贴备用

打开hbuilderx工具-设置-运行配置，将端口号粘贴替换

到这里，基本上就可以进行基于mui的app开发了，如果在运行时还有连接不上的问题，可以这样解决：

1、找到HBuilderX安装目录下的

D:\soft\IDE\HBuilderX.2.5.1.20200103.full\HBuilderX\plugins\launcher\tools\adbs

2、先备份该录下的除了文件夹外的其他三个文件。 3、然后把1.0.31目录下的文件拷贝到

D:\soft\IDE\HBuilderX.2.5.1.20200103.full\HBuilderX\plugins\launcher\tools\adbs，直接覆盖即可。 4、重启HBuilderX就可以检测到模拟器了。

第六步，最后一步进行app开发的页面调试

用Chrome 浏览器调试移动端网页，在谷歌浏览器输入

chrome://inspect/#devices

可以看到与app对应的当前打开的页面，点击inspect fallback即可像调试web应用一样调试app。

mui开发项目流程_mui项目开发环境搭建相关推荐

公众号开发精品教程(1)——绪论及环境搭建
系列文章传送门公众号开发精品教程(1)--绪论及环境搭建公众号开发精品教程(2)--将项目接入微信及简单交互公众号开发精品教程(3)--创建菜单公众号开发精品教程(4)--生成带参数的二维码及 ...
用JIRA管理你的项目——（一）JIRA环境搭建
JIRA,大家应该都已经不陌生了! 最初接触这个工具的时候,我还在一味地单纯依靠SVN管理代码,幻想着SVN可以有个邮件通知,至少在项目成员进行代码修改的时候,我可以第一时间通过邮件获得这个消息! ...
蓝牙芯片nRF51822开发系列（一）：环境搭建和GPIO使用（点亮LED）
蓝牙芯片nRF51822开发系列(一):环境搭建和GPIO使用(点亮LED) 前言(文章末尾获取工程源码) 一.开发必备二.开发环境搭建 1.创建文件 2.新建工程三.编写代码 GPIO详解使用 ...
Java -- 软件开发整体流程；项目环境dev，test，staging，prod
软件开发整体介绍作为一名软件开发工程师,我们需要了解在软件开发过程中的开发流程, 以及软件开发过程中涉及到的岗位角色,角色的分工.职责, 并了解软件开发中涉及到的四种软件环境.我们将从软件开发流程 ...
【Android 逆向】Android 进程注入工具开发 ( 总结 | 源码编译 | 逆向环境搭建使用 | 使用进程注入工具进行逆向操作 ) ★★★
文章目录一.Android 进程注入工具开发系列博客二.Android 进程注入工具源码下载编译三.逆向环境搭建四.使用注入工具进行逆向操作 1.获取远程进程号 2.注入工具准备 3.注入动 ...
vue项目的导入idea以及环境搭建中提示错误的处理方法
文章目录一.安装nodejs 1.安装nodejs,默认下一步就OK 2.测试nodejs是否安装成功二.环境变量的配置第一步:配置默认安装目录和缓存日志目录. 第二步:环境变量配置. 三.安装 ...
Python+微信小程序开发（一）了解和环境搭建
一.小程序介绍 1.什么是微信小程序? 移动互联网时代,手机手机软件,在手机上中安装很多软件腾讯和阿里(只安装自己不用别人) 腾讯:微信 + N小程序阿里:支付宝 + N小程序 2.为什么要做小 ...
Android开发（一）：android环境搭建
android开发环境搭建,图文并茂,推荐http://jingyan.baidu.com/article/f0062228f0b18afbd2f0c871.html [SDK Manager.exe ...
嵌入式系统开发与应用——嵌入式 Linux 调试环境搭建
附录:UBoot常用命令手册一. 实验目的 1.掌握VMware中设置共享文件夹的方法,为后续实验做准备: 2.熟悉 Linux TFTP 配置,为后续 Linux 底层开发做准备(后面会用 tft ...

mui开发项目流程_mui项目开发环境搭建

mui开发项目流程_mui项目开发环境搭建相关推荐

最新文章

热门文章