• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > HBuilder 入门(2)

HBuilder 入门(2)

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含hbuilder入门,hbuilder入门教程,hbuilder 8.0.2.0,hbuilder 7.6.2,hbuilder等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 接下来我们来看看HBuilder的安装和使用。HBuilder是基于Eclipse开发的,所以你的机器里需要有java运行的环境。

对于非java的开发者来说,需要安装一下JDK,下载地址

 

HBuilder的下载地址:HBuilder主页,点击那个“DownLoad”就可以了。

 

以上都没有什么特殊的,下载完毕以后,启动HBuilder。它会要求你注册一个用户,然后才可以使用。

第一次使用必须注册用户,登录才可以,这是它的硬性要求。按照官方的说法,HBuilder不单单希望只是一个工具,而是把工具和社区联系起来,所以才要求用户注册。

 

此举有利有弊,大家请自我根据实际情况来衡量。

 

假设一切顺利,启动HBuilder后,大家会看到如下的界面:


HBuilder 入门(2)
 

关于这个工具怎么使用,请参看官方的帮助文档,写得非常详细。

 

默认会有一个HelloBuilder的工程。里面有一个lesson1.txt文档。里面有所有的操作方法说明。

把下面所有的命令都联系一遍,基本就掌握了这个工具的使用方法。如下:


HBuilder 入门(2)
 

 当然,如果你比较懒惰,大略看一遍也行。毕竟在实践中掌握的话效果会更好一些。

 

接下来,我们开始激动人心的第一步:建立一个移动APP应用。

 

如下,点击“新建移动APP”:


HBuilder 入门(2)
 

 接下来就会弹出一个选择模板的对话框:

 
HBuilder 入门(2)
 

这里一定要注意:默认的模板选项是“空模板”。不包含任何的HBuilder提供的画面组件 -- 这其实没有意义的。

 

所以,这里一定要选择“mui项目”。它包含了 mui (默认提供的画面组件,也就是CSS 和 Javascript)。

mui 的帮助参考官方的帮助文档。

 

建立的工程类似如下:


HBuilder 入门(2)
 

其中index.html 是入口文件。 css 是样式表目录,fonts 是字体目录, js 是 javascript目录,这三个目录是 mui 自带的。

您可能想查找下面的文章:

  • HBuilder 入门(3) / 关于WebView
  • HBuilder 入门(2)
  • HBuilder 入门(1)

相关文章

  • 2017-05-31Hbuilder MUI push教程
  • 2017-05-31MUI 拍照或选取照片上传作为头像
  • 2017-05-315+APP优化技巧之页面加载
  • 2017-05-31mui plus.webview.creat和plus.webview.open有什么区别呀
  • 2017-05-31HBuilder mui 打开新页面
  • 2017-05-31hbuilder mui 录音文件与Base64编码相互转换的方法
  • 2017-05-31mui Android平台使用AndroidStudio离线打包说明
  • 2017-05-31HBuilder打包mui app Android签名证书的生成
  • 2017-05-31HTML5基于Canvas实现的画板涂鸦动画特效源码
  • 2017-05-31MUI开发APP文本框获得焦点并弹出软键盘

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • content && header之间的亮条怎么消除
    • hbuilder边改边看模式能不能像H5+一样支持跨域ajax
    • html5仿ios下拉和上拉回弹功能
    • cmr.captureImage照相重启app (HBuilder html5+)
    • MUi DIV侧滑菜单怎么监听遮罩层点击事件?
    • Hbuilder MUI第三方授权登录插件配置
    • mui back 返回刷新页面方法
    • mui开发app之cropper裁剪后上传头像的实现
    • mui 双首页secondwebview配置的使用
    • mui uploader上传服务器端代分享(net版)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有