HBuilder从下载到使用

原创 2016年10月20日 21:15:15

听别人谈论这货,于是决定长长见识,见见世面,便屁颠屁颠到网上下一个,满怀好奇的研究了一下。对用过eclipse这款软件的人来说,上手非常容易。

  ☆ 准备工作

  ① 确认自己的电脑连接网络,能下载东西。

  ② 最好有一款主流浏览器。如谷歌,火狐,IE,Opera等(用这个工具都是做web的,浏览器很重要。)

  ☆ 下载HBuilder

  方式一: 在浏览器的地址栏中输入 http://www.dcloud.io然后回车进入

  方式二: 打开浏览器,访问百度搜索,输入HBuilder官网,然后点击进入

  上面的两种方式,任选一种。访问官网后如下图所示

  选择HBuilder之后,点击下载处弹出提示界面。

  点击即可下载。

  注:一般都是选择保存在哪,有部分会调用你的下载工具进行下载,如,迅雷,电驴等。

  ☆使用HBuilder

  找到下载HBuilder文件,这文件时绿色解压缩版。就是说不用安装,解压后直接可以使用。因此,我们必须找到自己存放这种绿色版的工具位置,粘贴该文件,然后解压,解压后删除压缩包。

  打开如上图所示的HBuilder文件夹,找一个HBuilder.exe文件,如下图所示

  选中该文件,右键-弹出菜单中选择“发送到”弹出菜单中选择“桌面快捷方式”,点击他。

  然后,我们在桌面就可以看到这样一个图标,将文件的名字改成HBuilder就可以。以后直接双击这个快捷方式,就可以直接打开HBuilder开发工具。

  ☆ 使用HBuilder

  双击HBuilder这个图标,打开软件。然后你会看到这样一个界面

  你可以选择注册一个用户来使用,也可以直接使用。点击暂不登录跳过这个界面,直接使用此工具。如果需要注册的可以自己注册,此处省略注册过程。

  进入的这个界面是一个欢迎界面,同时下面有该工具的使用的教程。可以先浏览器一遍,然后在来使用这个工具。同时整个软件界面使用的都是简体中文,看起来也相对容易。

  使用步骤:

  1,建立web项目(工具帮助你构建开发和解析html环境)

  2,建立web页面(这是就是我们经常说的网页)

  新建页面时,注意选择html5这一项,因为时下流行的就是html,选择这个之后,软件会自动生成html5的代码结构。

  注:meta标记的charset属性一般设置为utf-8

  这个工具的最大优点就是快捷键使用起来舒服和方便。

  ☆ HBuilder快捷键

  点击”帮助”菜单,在里面找到”快捷键列表”这一项,点击他,然后在整个工具布局的右边看到一个列表,这里面就是对快捷键的描述。

  对于快捷键的使用,大家可以自己慢慢体验和琢磨。只有用的时间长了,快捷键就会信手而来,练得次数多了,写起代码才有飞一般的感觉。

技术分享:www.kaige123.com

版权声明:本文为博主原创文章,未经博主允许不得转载。

前端开发APP,从HBuilder开始~

内容简介 介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~ 无所不能的js 最开始js仅仅局限于网页上一些效果,操作网页内容等, 但是node...
  • uikoo9
  • uikoo9
  • 2015年02月03日 16:23
  • 173036

HTML5+MUI+HBuilder 之初探情人

MUI(Mobile User Interface)是国内DCloud的最新成果。它遵循了W3C最新的H5+规范,旨在提供一个高效的,跨平台的,H5前端开发框架。本文分享了作者对这项新技术的感受和想法...
  • TBWood
  • TBWood
  • 2014年12月22日 18:19
  • 97208

Hbuilder实用技巧

1、文件追踪 Q:怎么实现代码追踪? A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方,HBuilder提供了一个非常好用的代码追踪功能,只需要按住Alt+鼠标左键即可实现追踪。 图示:...

HBuilder入门

HBuilder入门 简介:     HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBui...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Hbuilder 教程

HBuilder不仅仅提示全面的语法,非语法的各种候选输入也都能提示。包括图片、链接、颜色、字体、脚本、样式、URI、ID、class、自定义JS对象、方法。小编在本文详细介绍了Hbuilder编辑器...

跨平台移动APP开发进阶(三)hbuilder+mui mobile app 开发心酸路

1.问题描述:在实现图片轮转时,若将 mui("#slider").slider({ interval: 5000 }); 置于图片加载之前,图片不会显示, ...

谈谈HBuilder以及HTML5+

随着HTML5规范的发布以及chrome、Safari、firefox等浏览器的大规模支持,HTML5的开发得到了广泛使用,随后延伸到了APP端的开发。这一两年来,使用HTML5在APP端的开发形成了...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HBuilder从下载到使用
举报原因:
原因补充:

(最多只允许输入30个字)