去官网http://dev.dcloud.net.cn/mui/getting-started/非常全面
image.png
让你看一下mui的页面dome，你可以做也可以不做，不影响学习mui
运行hellomui，相当于一个官方dome，各种ui组件效果基本都有
image.png
开始下载安装Hbuilder吧
官网下载地址https://www.dcloud.io
image.png
新建---移动App
image.png
当你随便写了点东西点击工具栏上面的运行时，会出现：
image.png
Hbulider模拟器软件安卓用夜神吧。。但是我用的真机模拟
步骤：
1.手机，pc各安装360手机助手。
2.手机打开usb调试设置。设置---关于手机----版本号（连续点击7次）-----出现“开发者选项”，点进去----usb调试设置打开（让你确定的弹出框选确定就好，没事的）
3.做完以上这些，手机电脑数据线连好（顺序important！！）
4.电脑端360手机助手，点击连接手机，连不上的话你看usb调试是否打开，没有就打开然后数据线重新插一次。
5.pc端360点击“演示”（如图），此时你手机显示什么，模拟器就显示什么，手机黑屏它也黑屏的哦~~
6.点击Hbulider运行，就会看到模拟器中出现画面了，报错消息会在控制台如图。【Hbulider要记得保存再运行，它不是webstorm】
image.png
image.png
网友评论