HBuilder开发App Step1——环境搭建,HelloMUI 以及真机调试
No1. 必须搭建java环境
只需要最基础的java环境,也就是cmd下可以运行java和javac即可,
具体教程请自行百度,都会有很详细的教程,这里不重点介绍。
No2. 下载安装HBuilder
请在这里下载HBuilder:http://www.dcloud.io/,
下载完成后请将zip包解压缩到自定义的目录(windows),
并将该目录下的HBuilder.exe发送快捷方式到桌面。
双击该快捷方式,
第一次打开HBuilder需要注册,还请注册,几分钟搞定,
登录后即可看到HBuilder主界面:
使用过Eclipse或者MyEclipse的开发人员应该很熟悉这个界面吧,
对,HBuilder就是基于Eclipse做的二次开发IDE,
所以大部分Eclipse的操作,快捷键都可以直接挪过来使用。
No3. HBuilder 简介
介绍
稍微介绍下HBuilder可以做的事情:
1.前端开发
各种快捷键,各种提示,最好的一点是对所有html,css,js的各浏览器兼容性都有提示。
2.web开发
脱胎自Eclipse,自然做java web开发不成问题。
3.app开发
这个才是重头戏,编辑,在线打包,真机调试,6的飞起!!!
No4. HelloMUI 起航
1.新建项目
点击主界面的新建移动app,或者通过项目管理器界面右键新建,或者ctrl+n,a新建,
你会看到如下界面:
(1) 填写应用名称
类似Eclipse中的项目名称
(2) 选择位置
(3) 选择模版
空模版
mui项目,自动引入mui相关文件
hello h5+项目,和官网提供的nativejs示例app相同
hello mui,和官网提供的mui示例相同
(4) 点击完成
这里选择hello mui模版,你也可以选择hello h5+模版,以后开发大部分选择mui项目这个模版。
2.文件结构
新建完成后,左侧项目管理器中会出现如下目录结构:
做前端开发的同学一定很熟悉了吧,
主要注意的是manifest.json,
很多app相关配置:app图标,启动页,权限等都在这里配置。
End
就是这么简单,Now,你已经做完一个HelloMUI APP 了,剩下的就是看效果了。
3.真机调试
(1) 连接手机
请用数据线,而不是电源线连接手机,
ios需要下载一个调试插件,android可以直接调试,
绝对不需要额外的环境,不论是ios还是android,
选中项目,或者打开任意项目中的文件时,
点击菜单--运行--真机运行--在xx设备上运行,
或者直接ctrl+r直接运行,
当你修改过文件后也可以直接ctrl+r,app就会重启。
(2) 连接失败
当你遇到连接失败的时候,
android只需要随便安装一个手机助手,手机助手连接成功即可,
ios请参考说明。
(3) run
直接使用快捷键 【ctrl+r】,
然后开始享受你用HBuilder做的第一个app吧。
嗯,有时间会持续更新的,记录学习情况,适当总结积累,总有一天小白也会成长为大神的,加油!
HBuilder开发App Step1——环境搭建,HelloMUI 以及真机调试的更多相关文章
- Android开发-mac上使用三星S3做真机调试
之前一直未使用真机进行Android开发,为准备明天的培训,拿出淘汰下来的s3准备环境,竟然发现无法连接mac,度娘一番找到答案,如下:mac 系统开发android,真机调试解决方案(无数的坑之后吐 ...
- 从零开始开发iPhone,教你如何在真机调试iPhone应用程序
对于真机调试,首先要在苹果网站上注册APP ID,以及购买iPhone Develop Program(iDP) 开发者授权,99美元.然后要创建证书请求CSR,创建步骤如下:设置OCSP和CRL为关 ...
- Flutter环境安装,ios真机调试
MAC: 下载Flutter,官网的可能很慢.可以去我的网盘下载, 提取码: 3t6y. 下载完的包会在~/Downloads目录下,我们移到~/opt/flutter目录下. mkdir ./opt ...
- 【新发现】不用苹果开发账号就能申请ios证书真机调试
虽然xcode现在可以免证书进行测试了,但众多跨平台开发者,如果还没注册苹果开发者账号. 想安装到自己非越狱手机测试是无能为力了. 不过新技术来了,只需要普通免费的苹果账号无需付费成为开发者就可以申请 ...
- Ionic app IOS 在Xcode 模拟运行 真机调试
1. 创建项目: sudo ionic start myApp tabs 2 cd 到刚才创建的项目 3. sudo ionic cordova platform add ios 把 ios 环境添加 ...
- iOS提交应用至App Store流程及真机调试 一,证书、配置文件
前言:你要有苹果开发人员账号,我用的是个人账号.其次xcode为xcode 7,因为xcode 7须要 os x 系统 10.11 或更高的版本号, 所以os x 系统也须要 10.11 或更高的版本 ...
- 使用Kotlin开发Android应用 - 环境搭建 (1)
一. 在Android Studio上安装Kotlin插件 按快捷键Command+, -> 在Preferences界面找到Plugins -> 点击Browse repositorie ...
- Tiny4412 开发板 编译环境搭建【转】
本文转载自:http://blog.csdn.net/beijiwei/article/details/51055369 版权声明:本文为博主原创文章,未经博主允许不得转载. /*********** ...
- macbook Android开发环境搭建,真机调试
买了一台MacBook,本以为可以鼓捣一下iOS开发之类的,可惜导师要我做Android开发.无奈开始了在MacBook上开发Android的工作. 从开始配置环境到应用成功在真机上运行,也是曲曲折折 ...
随机推荐
- Alamofire源码导读五:错误表示
AFError is the error type returned by Alamofire. It encompasses a few different types of errors, eac ...
- js获取url地址的参数的方法
js获取url参数值 今天说一下如何获取url参数值. 思路 通过location的search就可以获取到url中问号后面的值. 字符串过滤到问号 通过split方法分割参数集合 循环赋值 匹配对应 ...
- celery问题记录
1. 问题:WARNING/MainProcess] /home/jihonghe/.virtualenvs/py3_dj217_env/lib/python3.6/site-packages/bil ...
- VSTO学习(六)——创建Outlook解决方案
本专题概要 引言 Outlook对象模型 自定义Outlook窗体 小结 一.引言 在上一个专题中,为大家简单介绍了下如何创建Word解决方案的,所以本专题中将为大家介绍下Outlook相关的内容.我 ...
- rack简介
什么是rack rack是对ruby的Net::HTTP进行封装了的包,使用rack能够方便的新建一个简单的web应用. what is rack Rack describes itself as f ...
- 我与GitHub的第一次——自制音乐文件修改器
背景: 随机播放,所有的音乐播放器里面现在几乎都有这个功能吧.但是有没有发现,自己的播放器在选择随机播放的时候,经常会听到重复顺序的歌曲呢?反正我是有这样的感觉,无耐自己平时下的歌曲都是“歌手名—歌曲 ...
- jetbrains golang IDE
非常好的IDE,叫goland. 支持最新的golang1.8了 下载地址: https://www.jetbrains.com/go/ 开始使用手册: https://www.jetbrains.c ...
- C/C++ -- Gui编程 -- Qt库的使用 -- 使用图片与动画
QWidget工程 #include "mywidget.h" #include "ui_mywidget.h" #include <QLabel> ...
- windows下mysql配置,my.ini配置文件
基本配置,这个配置可以直接复制到mysql根目录下了my.ini文件中, [client] port=3306 [mysql] no-beep # default-character-set= [my ...
- Servlet多文件上传
各位大侠可能会对263电子邮箱中的"上传附件"功能有印象,就是:在浏览 器中点击"浏览",弹出一个对话框,选中文件后,单击"确定",文件就被 ...