HBuilder 移动应用软件开荒实例分分快三计划

作者:分分快三计划

No4. HelloMUI 起航

  运行:

  直接连接真机运行(插入USB调试即可:)

  选择运行——手机运行——在xx设备上运行

  或者使用快捷键ctrl r

  

  运行结果:

  分分快三计划 1

 这就是简单的应用了!!!

 

2.文件结构

新建完成后,左侧项目管理器中会出现如下目录结构:

分分快三计划 2

做前端开发的同学一定很熟悉了吧,

主要注意的是manifest.json,

很多app相关配置:app图标,启动页,权限等都在这里配置。

    2、选择模版

    这里选择mui项目,会自动引入mui的js和css,如下:

    分分快三计划 3

    

No2. 下载安装HBuilder

请在这里下载HBuilder:,

下载完成后请将zip包解压缩到自定义的目录(windows),

并将该目录下的HBuilder.exe发送快捷方式到桌面。

分分快三计划 4

双击该快捷方式,

第一次打开HBuilder需要注册,还请注册,几分钟搞定,

登录后即可看到HBuilder主界面:

分分快三计划 5

使用过Eclipse或者MyEclipse的开发人员应该很熟悉这个界面吧,

对,HBuilder就是基于Eclipse做的二次开发IDE,

所以大部分Eclipse的操作,快捷键都可以直接挪过来使用。

mui:

官网:

说明:一般要把官网内容通读一遍,这是开发的基础

介绍

稍微介绍下HBuilder可以做的事情:

1.前端开发

各种快捷键,各种提示,最好的一点是对所有html,css,js的各浏览器兼容性都有提示。

2.web开发

脱胎自Eclipse,自然做java web开发不成问题。

3.app开发

这个才是重头戏,编辑,在线打包,真机调试,6的飞起!!!

打包

3.真机调试

等待

返回上一步的发行打包,点击打包后会提示你已经到云端打包,你只需要等待了,

一小会之后就打包好了,这时你就可以把apk拷贝到自己手机使用了,

 

相关的app免费打包推荐:应用之星

 

1.新建项目

点击主界面的新建移动app,或者通过项目管理器界面右键新建,或者ctrl n,a新建,

你会看到如下界面:

分分快三计划 6

(1) 填写应用名称

类似Eclipse中的项目名称

(2) 选择位置

(3) 选择模版

  空模版

  mui项目,自动引入mui相关文件

  hello h5 项目,和官网提供的nativejs示例app相同

  hello mui,和官网提供的mui示例相同

(4) 点击完成

这里选择hello mui模版,你也可以选择hello h5 模版,以后开发大部分选择mui项目这个模版。

dcloud证书打包

  选择发行——App打包——选择Android以及dcloud公用证书,如下

  分分快三计划 7

  

End

就是这么简单,Now,你已经做完一个HelloMUI APP 了,剩下的就是看效果了。

参数配置

可能有时候会提示参数配置错误,这是你需要打开项目下manifest.json文件,并去掉第三方插件,如下:

分分快三计划 8

   分分快三计划 9

   

No1. 必须搭建java环境

只需要最基础的java环境,也就是cmd下可以运行java和javac即可,

具体教程请自行百度,都会有很详细的教程,这里不重点介绍。

开始

    1、新建项目

    在首页点击新建移动App,如下:

     分分快三计划 10

      或者在项目管理器内右键新建,或者快捷键ctrl n a

      

No3. HBuilder 简介

   3、文件结构

   默认有以下几个文件夹:css,fonts,js,如下

   分分快三计划 11

   

(2) 连接失败

当你遇到连接失败的时候,

android只需要随便安装一个手机助手,手机助手连接成功即可,

ios请参考说明。

  基础开发

   代码如下:

   

分分快三计划 12分分快三计划 13

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6     <title></title>
 7     <script src="js/mui.min.js"></script>
 8     <link href="css/mui.min.css" rel="stylesheet"/>
 9     <script type="text/javascript" charset="utf-8">
10           mui.init();
11     </script>
12 </head>
13 <body>
14     <header class="mui-bar mui-bar-nav">
15         <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
16         <h1 class="mui-title">我的标题</h1>
17     </header>
18     <div class="mui-content">    
19         <ul class="mui-table-view" id="my_list">
20             <li class="mui-table-view-cell">
21                 <div class="mui-slider-right mui-disabled">
22                     <a class="mui-btn mui-btn-red">删除</a>
23                 </div>
24                 <div class="mui-slider-handle">
25                     待办事项1
26                 </div>
27             </li>
28             <li class="mui-table-view-cell">
29                 <div class="mui-slider-right mui-disabled">
30                     <a class="mui-btn mui-btn-red">删除</a>
31                 </div>
32                 <div class="mui-slider-handle">
33                     待办事项2
34                 </div>
35             </li>                           
36         </ul>
37     </div>
38 </body>
39 </html>

View Code

 

(1) 连接手机

请用数据线,而不是电源线连接手机,

ios需要下载一个调试插件,android可以直接调试,

绝对不需要额外的环境,不论是ios还是android,

选中项目,或者打开任意项目中的文件时,

点击菜单--运行--真机运行--在xx设备上运行,

或者直接ctrl r直接运行,

当你修改过文件后也可以直接ctrl r,app就会重启。

(3) run

直接使用快捷键 【ctrl r】,

然后开始享受你用HBuilder做的第一个app吧。

分分快三计划 14

嗯,有时间会持续更新的,记录学习情况,适当总结积累,总有一天小白也会成长为大神的,加油!

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 HBuilder