hbuilder 订阅
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 [1]  HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。 [2] 展开全文
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 [1]  HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。 [2]
信息
软件语言
中文
开发商
DCloud(数字天堂)
特    点
兼容Eclipse的插件
软件名称
HBuilder
软件平台
windows,mac
支    持
HTML5
编写工具
Java、C、HTML、Web和Ruby
GetLine简述
特点快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。 [1] 
收起全文
精华内容
参与话题
问答
  • Hbuilder

    千次阅读 2017-12-22 11:26:57
     Hbuilder 下载地址  使用Hbuilder 现在项目在菜鸟教程有详细介绍 地址:http://www.runoob.com/w3cnote/hbuilder-intro.html  本人 Hbulider 项目,不足之处请多多指教 碰见的小问题:  ...

    Hbuilder 使用教程

          Hbuilder 下载地址

          使用Hbuilder 现在项目在菜鸟教程有详细介绍  地址:http://www.runoob.com/w3cnote/hbuilder-intro.html

          本人 Hbulider 项目,不足之处请多多指教


    碰见的小问题:

            Hbuilder中的项目管理器打开方式  直接按 F9 或者 选择 视图 --》视图显示器 --》项目管理器

    展开全文
  • HBuilder 使用教程

    千次阅读 2016-11-15 09:49:01
    [url]http://www.runoob.com/w3cnote/hbuilder-intro.html[/url] ...HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的...
    [url]http://www.runoob.com/w3cnote/hbuilder-intro.html[/url]
    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
    如何安装 HBuilder?
    HBuilder下载地址:在HBuilder官网http://www.dcloud.io/点击免费下载,下载最新版的HBuilder。
    HBuilder目前有两个版本,一个是windows版,一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。
    使用HBuilder新建项目
    依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))
    image
    image
    如上图,请在A处填写新建项目的名称,B处填写(或选择)项目保存路径(更改此路径HBuilder会记录,下次默认使用更改后的路径),C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)
    使用HBuilder创建HTML页面
    在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板,如下图
    image
    使用HBuilder边改边看试试查看编程效果
    win系统按下Ctrl+P(MacOS为Command+P)进入边改边看模式,在此模式下,如果当前打开的是HTML文件,每次保存均会自动刷新以显示当前页面效果(若为JS、CSS文件,如与当前浏览器视图打开的页面有引用关系,也会刷新)
    HBuilder代码块大量减少重复代码工作量
    在打开的getstart.html中输入H,如下图
    image
    然后按下8,自动生成HTML的基本代码如下图
    image
    什么是代码块?
    代码块是常用的代码组合,比如在js中输入$,回车,则可以自动输入document.getElementById(id)。
    查看、编辑代码块可以在工具-自定义代码块中,选择相应的代码块进行查看和编辑。也可以在激活代码块的代码助手中,点击详细信息右下角的修改图标进行修改和查看。
    代码块激活字符原则1:连续单词的首字母。比如:dg激活document.getElementById("");vari激活var i=0;dn激活display: none;
    代码块激活字符原则2:整段HTML一般使用tag的名称。比如script、style,通常,敲最多4个字母即可匹配到需要的代码块,不需要完整录入,如sc回车、st回车,即可完成script、style标签的输入。
    代码块激活字符原则3:同一个tag,有多个代码块输出,则在最后加后缀。比如meta输出但metau则输出,metag同理。
    代码块激活字符原则4:如果原始语法超过4个字符,针对常用语法,则第一个单词的激活符使用缩写。比如input button,缩写为inbutton,同理intext是输入框。
    代码块激活字符原则5:js的关键字代码块,是在关键字最后加一个重复字母。比如if直接敲会提示if关键字,但iff回车,则出现if代码块。类似的有forr、withh等。由于funtion字母较长,为加快输入速度,取fun缩写,比如funn,输出function代码块,而funa和func,分别输出匿名函数和闭包。
    灵活的快捷键使得编程过程手不离键盘
    效果如下图
    image
    新建html基本模板后,当前光标处于title标签内,此时我们给HTML设置title:hellohbuilder,完成后使用Ctrl+回车在当前的下一行插入空行,并将光标移动到下一行
    我们在此处使用sc代码块生成一个script块来编写js代码(输入sc,回车)如下图
    image
    使用funn代码块编写一个JS方法helloworld(输入funn,回车)如下图
    image
    此时生成的方法的方法名是选中状态,我们只需要直接输入新的方法名helloworld即可,如下图
    image
    上图中的绿色竖线,是代码块中指定的下一个编辑位置,敲击回车光标会直接跳转至竖线位置
    此时按向下、向下,Ctrl+回车,输入style回车,生成css代码区域
    定义一个Css类classA:输入. c l a s s A { 回车,f o n t 回车 回车 回车
    然后按alt+下,alt+下跳转至下一个编辑区域
    依次输入< d i v 也可输入<dv回车、<iv回车,语法助手可以通过模糊匹配获知想要生成的标签)如下图
    image
    如上图所示,代码助手左侧包含数字,可以使用这些数字选择对应的条目,右侧包含浏览器兼容性数据及示例
    输入i 回车 d 1,右箭头,空格,c 回车 回车
    鼠标在div标签的class属性classA上悬浮,按下Alt和左键,点击后可跳转至classA定义处
    Ctrl+回车
    div也可以通过代码块生成如输入divc回车回车回车,输入helloworld如下图
    向下,回车
    使用CSS选择器语法来快速开发HTML和CSS(支持Emmet)
    输入div#page>div.logo+ul#navigation>li*2>a,按下tab生成代码如下图
    image
    HBuilder集成了Emmet功能,可以通过CSS选择器语法来快速开发HTML和CSS,如想深入了解Emmet请移步http://www.emmet.io/
    强大的JS解析引擎大大加快JS开发的速度
    JS中提示HTML、CSS
    JS提示html的ID
    image
    JS提示html的tagname
    image
    JS提示css类名
    image
    JS通过ID、tagname、css类名不但可以获取HTML元素,还可以精确分析出其元素类型,准确提示其属性,如上图可以提示出list[0].type
    JS中提示JSON
    image
    JS提示自定义系统方法
    image
    JS提示对象引用及其属性、方法
    image
    JS提示闭包对象
    image
    image
    跳转到class、id、js方法定义处
    按下Alt,左键点击引用的方法名、ID、CSS类、文件(链接、图片),均可跳转到引用的地方,跨文件的引用也可以哦
    跳转到JS方法定义处 如下图
    image
    跳转到CSS类定义处 如下图
    image
    跳转到ID定义处 如下图
    image
    跳转到文件 如下图
    image
    更多挖宝
    跳转助手、选择助手、转义助手、快捷键助手,让你手不离键盘。
    HTML5+支持、手机真机连调、云编译,方便开发跨手机平台的APP。
    更多精彩功能:重构 | 大纲 | 任务 | 版本历史 | 内置webserver | 实时升级 | 安全工程管理 | 包围 | 掩码转换 | 智能纠错 | 折叠代码 | 转到定义 | 格式化代码 | URL编解码 | 进制转换 | 自动闭合。
    还不满足?下载插件增强更多功能,高手更可开发插件,并共享插件造福所有开发者。
    展开全文
  • Hbuilder下载

    2020-10-29 09:30:44
    HBuilder 是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。
  • HBuilder工具下载下载

    2020-06-24 17:02:38
    HBuilder工具下载下载
  • 问题描述:在通过Hbulider X学习了一段时间的html和css之后,发现Hbulider X并不是特别好用(个人觉得),于是想要下载Hbulider 但是在官网上并没有找到Hbulider,...问题解决:通过腾讯电脑管家下载Hbuilder ...

    问题描述:在通过Hbulider X学习了一段时间的html和css之后,发现Hbulider X并不是特别好用(个人觉得),于是想要下载Hbulider
    但是在官网上并没有找到Hbulider,只有Hbulider X

    问题解决:通过腾讯电脑管家下载Hbuilder

    点击软件分析–>软件管理
    软件分析-->软件管理在搜索框直接输入Hbuilder,找到软件,直接下载。完事咯。。在搜索框直接输入Hbuilder,找到软件,直接下载完事

    展开全文
  • HBuilder安装教程

    千次阅读 2019-07-28 01:35:42
    1.下载教程 1.1:HBuilder的简介: HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了...

    推荐:一个适合自学的网址- - -> 自学网站

    1.下载教程

    1.1:HBuilder的简介:
    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
    1.2:HBuilder的安装:
    进入官网>https://dcloud.io

    官方说到:HBuilder非重大情况将不再提供更新!
    所以官网主页面也没有显示HBuilder
    Hbuilder的历史版本在 HBuilderX 的下载里面

    1.3:点击右上角 “Download” 下载

    1.4:选择自己要下载的版本(Win、Mac)

    2.安装教程

    2.1:HBuilder不需要安装,只需要右键Zip文件解压后即可使用!

    2.2:解压后打开HBuilder文件找到 “HBuilder.exe” 运行
    2.3:打开后,会进入一个登录页面 ,直接点击"暂不登录"就行了
    2.4:然后就能体验HBuilder了

    展开全文
  • Hbuilder 下载地址

    千次阅读 2019-12-05 09:48:50
    http://www.downza.cn/soft/196563.html
  • HBuilder

    千次阅读 2016-06-28 20:53:20
    HBuilder是一个极客工具,追求无鼠标的极速操作。 不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。 程序员究竟是coder,还是builder,我们坚持后者。 不为敲字母而花费时间,不为...
  • 前端开发工具HBuilder下载
  • HBuilder使用教程及下载,无需编程可以直接生成安卓和IOS应用,内附APP打包H5应用的详细教程图片及百度盘下载
  • Hbuilder红色版下载

    千次阅读 2019-09-28 23:27:46
    官网:https://www.dcloud.io/ 解压后就可以使用了
  • HBuilderX的下载和安装--详细

    万次阅读 2019-03-05 14:44:29
    HBuilderX下载 HBuilderX:官方IDE。建议下载App开发版,如下载标准版,还需在插件管理中安装uni-app插件。 HBuilderX下载地址:添加链接描述 HBuilderX安装 找到下载好的安装包。如图 解压安装包。 解压后...
  • hbuilder

    2017-08-09 15:20:00
    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 它的特点 App开发 一次开发, 两端发布, 就是开发一次可以同时发 android,iOS应用, 从而降低了开发成本,提高了开发效率。 它的缺点 一是:...
  • HBuilder下载到使用

    万次阅读 2016-10-20 21:15:15
    HBuilder下载到使用教程。
  • HBuilder软件下载及安装教程

    万次阅读 2019-04-28 14:13:03
    Hbuilder是由我国开发的一款开发网页的编辑器,使用起来及其方便容易上手,而且在Hbuilde全语法库中,可以清楚地看到对各个浏览器、各个版本...下载完成后,我们开始使用它,HBuilder的使用非常方便,不用进行安装,...
  • HBuilderX模版下载失败

    2020-05-26 09:48:50
    下载了最新版HBuilderX(2.7.5.20200519),准备按照“快速上手”的介绍来搞一个Hello World,结果在模版下载就遇到了问题, 模版下载失败! 在DCloud官方问答里,有人反馈,却没有人给出解决方案,只好自己摸索了...
  • 编辑器版本:hbuilderX、Hbuilder 适用范围:混合app开发使用者调试应用 首先要了解的是,编辑器自带手机调试功能,但需要先打开手机的开发者模式,安装基座后才可以进行调试工作。 步骤一:使用手机usb连接电脑 ...
  • Hbuilder X下载及安装教程

    千次阅读 2020-05-15 21:15:12
    1.找到下载下来的文件HBuilder X 2.将压缩包“HBuilderX.1.7.0.20190314.zip”解压 3.双击打开”HBuilerX“ 4.在文件夹下,找到HbuilderX.exe可执行程序,双击即可启动程序。 5.进行简单的设置后,新建一个html...
  • HBuilder webApp开发

    2018-09-03 13:14:25
    https://blog.csdn.net/zhuming3834/article/category/6307605 转载:互相学习,webApp相关的东西很全。 解决了我好多问题,大家有什么不会的也可以和我一起讨论。 共同进步    ...
  • HBuilderX 插件下载失败 解决

    千次阅读 2020-04-18 22:00:53
    HBuilderX 插件下载失败 解决 正值疫情期间,有时间来体验一下火爆的一代码多平台的uni-app开发! 燃鹅,小白新手体验似乎不是很顺利,甚是想吐槽一番。为了尝试一下插件市场里五彩斑斓形形色色的产品,下载里一个个...

空空如也

1 2 3 4 5 ... 20
收藏数 7,043
精华内容 2,817
关键字:

hbuilder