WEB开发者之混合开发APP(二),Hbuilder使用

开发IDE下载,可进入官网下载,http://www.dcloud.io/,

WEB开发者之混合开发APP(二),Hbuilder使用_第1张图片

安装完毕后,打开工具如下图:

WEB开发者之混合开发APP(二),Hbuilder使用_第2张图片

1.  新建项目,APP开发,请选择【移动App】。

WEB开发者之混合开发APP(二),Hbuilder使用_第3张图片

新建移动App项目,自带部分模板可参考。

WEB开发者之混合开发APP(二),Hbuilder使用_第4张图片

2. 视图,常用的显示控制台,搜索等视图。

WEB开发者之混合开发APP(二),Hbuilder使用_第5张图片

3. 人性化视觉主题设置。

WEB开发者之混合开发APP(二),Hbuilder使用_第6张图片

4. 发行,可打包原生App,云打包后自动下载到本地,可打包Android apk, iOS ipa。

WEB开发者之混合开发APP(二),Hbuilder使用_第7张图片

打包成功后,

WEB开发者之混合开发APP(二),Hbuilder使用_第8张图片

5. 真机运行,用数据线连接安卓和苹果手机后,可直接真机运行调试,相当方便!

WEB开发者之混合开发APP(二),Hbuilder使用_第9张图片


工具的其他功能使用,参照手册或者在实际使用中搜索,对于WEB开发者,这个IDE的使用界面和习惯,应该是很熟悉了。

懂Html就能开发App,博文持续更新,博主QQ:260737830!


你可能感兴趣的:(混合开发APP,web开发者一步一步开发app)