Hbuilder教程
HBuilder不仅仅提⽰全⾯的语法,⾮语法的各种候选输⼊也都能提⽰。包括图⽚、链接、颜⾊、字体、脚本、样式、URI、ID、class、⾃定义JS对象、⽅法。⼩编在本⽂详细介绍了Hbuilder编辑器的使⽤⽅法。
Q:怎么才能快速掌握HBuilder开发技巧?
A:软件⾃带HelloHBuilder项⽬,该项⽬为教程项⽬(如果不⼩⼼删除了不要担⼼,可以在新建WEB项⽬时,使⽤HelloHBuilder模板新建出来),按照项⽬中的中的快捷键敲⼀遍即可快速掌握HBuilder快速开发技巧。
Q:什么是HTML5+?
A:HTML5+规范是基于HTML5的扩展规范,⽤于弥补HTML5和原⽣应⽤功能之间的差距。HTML5+规范是⼀个开放的规范,在W3C中国的指导下,由HTML5中国产业联盟运作所有规范都是⾯向开发者的,开发者提需求、开发者评审实现⽅案、开发者投票选定规范。
Q:什么叫滚动条信息点?
A:当代码中有重要的标记出现时,会⽣成滚动条信息点,在滚动条右侧出现颜⾊各异的点。点击这些点或使⽤跳转到下⼀个信息点功能,可以快速到达这些代码处。如下标记会⽣成信息点:书签、任务、错误提⽰。
Q:怎么实现代码追踪?
A:在编辑代码时经常会出现需要跳转到引⽤⽂件或者变量定义的地⽅,HBuilder提供了⼀个⾮常好⽤的代码追踪功能,只需要按住Ctrl+⿏标左键即可实现追踪。
图⽰:
Q:输⼊small不提⽰,语法库是不是不全?
A:代码块是否提⽰,取决于是否设置了这个代码块,代码块是可⾃定义的。
默认没有预置small代码块,你也可以在代码块弹出界⾯点右下⾓的编辑图标,进⾏代码块的补充修改。
另外可以使⽤emmet(ZenCoding)语法,这个没有提⽰,但敲完small,按tab,就会⾃动⽣成标签。
emmet是⼀种前端公开技术,⽹上教程很多。
Q:为什么有时候我输⼊代码块的名称,却没有出现想要的代码块?
A:代码块的显⽰名称和激活字符是不同的,查看激活字符请在激活代码助⼿后选择代码块,看右边信息栏的详情
Q:编辑器怎么实现分栏?
A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。
1、左右分栏实现:⿏标点着编辑器选项卡往最右边拖动即可实现左右分栏
2、上下分栏实现:⿏标点着编辑器选项卡往最下边拖动即可实现上下分栏
上下分栏实现效果:
3、组合分栏实现:组合分栏就是即有的⽂件向下拖动,有的⽂件向右拖动,下⾯给出⼀个效果图,感兴趣的话您可以拖个试试:)
Q:为什么我的代码明明是对的却报错?
A:HBuilder的语法验证器是集成的三⽅插件,有可能其本⾝对某些写法不兼容,当某种语法验证器把
正确代码识别为错误时,你可以在⼯具-选项-HBuilder-Validation中关掉那个语法验证器。还可以设置正则表达式以兼容这种错误。
Q:有没有快速⽐较两个⽂件差异的办法?
A:⽐较两个⽂档的⽅法是,在项⽬管理器按ctrl选两个⽂件,点右键,选⽐较对象
Q:不建项⽬单独打开⽂件会提⽰有部分功能⽆法使⽤,具体是哪些功能⽆法使⽤?
A:主要是跨⽂件的项⽬管理功能受影响。
HBuilder会为项⽬建⽴索引,⼯程间⽂件的链接引⽤关系都在管理中。
这样在跨⽂件引⽤提⽰、转到定义、重构、移动图⽚路径等很多操作中HBuilder都能智能处理。
如果单独打开⽂件,功能就弱了很多,当然也⽐普通⽂本编辑器多。
举个例⼦,<a class="classA">,在HBuilder⾥写class=时,可以提⽰⼯程中各种css,classA如果是外部的css⽂件定义的,可以按下ctrl点⿏标跳转到那个css中。
这都是普通⽂本编辑器做不到的。
如果您习惯了资源管理器做项⽬管理、⽂本编辑器做代码编辑,那么建议改变下⼯作习惯。
⽤HBuilder做统⼀的项⽬管理和⽂本编辑,你会发现⼯作效率更⾼。
Q:我安装了SVN插件为什么我不到SVN的功能?
A:跟eclipse的svn插件⽤法是⼀样的。
在⼯具-插件安装中选择svn插件安装,安装完毕后,按提⽰重启HBuilder。
在菜单⽂件-导⼊⾥,选择从svn中检出项⽬,配置svn地址。
在项⽬管理器中点右键-版本管理,⾥⾯有svn的各种提交、更新等命令。
Q:怎么才能快速记住快捷键?
A:记快捷键,不如记快捷键语法。
Alt是转到,Shift是转移,Ctrl是操作。
⽐如Alt+括号、引号,即使转到对于的符号。
Shift+回车是<br/>,shift+空格是。
Ctrl+D是删除⾏,Ctrl+F2是重构命名。
Q:为什么不能⼿机预览?
A:WEB项⽬不可以⼿机预览页⾯。只有移动APP才可以。
确定项⽬是移动APP后,确保移动设备插好数据线并连接到电脑。
如果是iOS设备,请确保电脑安装有itunes,如果是Android,请确定⼿机驱动已经安装。
此时在HBuilder下⽅的状态栏也会提⽰⼿机已连接
然后点运⾏,选择对应的设备即可。
如果你只是想预览web项⽬,那么在菜单⼯具->⾼级选项->HBuilder->web服务器->内建服务器⾥,选择⼀个内⽹ip,⽐如,然后⼿机通过wifi连⼊这台机器,即可预览。
Q:如何修改使⽤浏览器预览时,地址栏显⽰的IP
A:依次点击⼯具-选项-HBuilder-Web服务器-内建服务器
可修改内建服务器的IP地址为127.0.0.1或本机⽹卡IP
内建服务器不可以运⾏PHP
需要重启HBuilder才⽣效
Q:真机联调的Development图标如何去掉?
A:真机联调仅是为了制作⼿机APP,调试完毕后,需要将资源打包制作成为APP。
如果是为了在⼿机浏览器上使⽤的WEB应⽤,还是应该使⽤⼿机浏览器来访问。HBuilder内置的web服务器地址配成192.168等内⽹地址,⼿机wifi连⼊,即可访问。
更改HBuilder内置的web服务器地址请点击菜单⼯具-选项,展开左边的HBuilder-web服务器-内建服务器,在右边更改地址,需要重启HBuilder才⽣效
Q:不能在收起代码的情况下复制粘贴收起的代码?
A:复制折叠的代码,选择时需要多选择⼀个换⾏符。然后再复制。
Q:没有⿊⾊主题吗?
A:在菜单⼯具-视觉主题设置-⾼级设置⾥有各种主题,兼容eclipse的其他主题⽅案。
另外⼩⼩提⽰下,使⽤⿊⾊伤眼。激发视紫红质、消耗维⽣素A、还容易引发暗适应和晕眩。
绿柔主题是认真的研究了⾊彩⼼理学和⽣理学后制作的环保主题。
参见这⾥
Q:如何调整编码?
A:HBuilder1.7以前版本在资源管理中对着⽂件点右键,点属性(快捷键是Alt+Enter)。
在⽂件编码处选其他,选择或输⼊你需要的编码,⽐如GBK。
1.8以上的版本可以在⽂件->其他编码⽅式打开,选择需要的编码即可。
Q:启动太慢?
A:HBuilder⼀般启动时6秒左右可以进⼊完整操作状态。
HBuilder还是属于IDE⽽不是⽂本编辑器,速度⽐⽂本编辑器慢是肯定的。
这两者最⼤的区别就是是否有AST语法树和WEB语法解析引擎,就是说HBuilder知道你写的是什么,按下点知道该出什么,写的对不对。包括重构变量命名和转到定义,这些都是因为有语法树和解析引擎。
拥有最全的web语法库和最强的语法解析引擎,这个也是HBuilder的核⼼优势。
算是⼀种取舍吧,启动时慢⼏秒,但启动后写代码快的可不是差⼏秒了。
Q:速度慢、内存占⽤⾼?
A:速度我们⼀直在优化,请更新新版再试试。
HBuilder毕竟是IDE,功能⽐⽂本编辑器多⾮常多,执⾏的也⾃然会慢点。但机器性能若⾜够,也可以正常使⽤。
⽐如var a = ElementById("a1");。
在a后输⼊点的时候,HBuilder要扫描a到底是什么,超链接?canvas?输⼊框?然后才会给予⽤户最准确的提⽰。
这种计算都需要在按下键盘的很短时间内完成,想不卡还是很有挑战。
⽂本编辑器没有这些功能,所以不卡。
当然,在机器性能好时,HBuilder写代码要远爽于⽂本编辑器;但机器性能不好时...
影响性能的⼀些要素,可帮助你⽤的更快。
1、如果有固态硬盘,把HBuilder和⼯程代码都放到固态盘上;
2、同时打开的项⽬不要太多,把不⽤的项⽬点右键关闭,这样HBuilder就不扫描这些项⽬了,后台资源会释放不少
3、编辑⼤⽂档时慎⽤语法验证器,语法验证器较易引发卡顿,可以在⼯具-语法验证器设置⾥关闭。
4、编辑⼤⽂档时,最好关闭⼤纲的实时同步功能。⼤⽂档的⼤纲结构会很多,每次移动光标实时计算⼤纲的位置会有点慢。可以在需要定位时再点⼀下同步。⼤纲实时同步在⼤纲的右上⾓的下拉菜单⾥。
5、清理⽆⽤的js框架。Js框架⽂件都⽐较⼤且结构复杂,扫描框架⽐较费时。不⽤的框架就移出项⽬。另如果不在意框架的扫描提⽰,也可以把框架移除扫描清单,这样就不扫描这个⽂件了。对⽂件点右键-构建-移除构建⽬录。
6、windows search index和dropxbox等⼯具也会监控磁盘,当项⽬⽂件⽬录被他们监控时,磁盘IO会⽐较⾼。在新建项⽬时会明显卡。
7、有时HBuilder占⽤的内存释放不及时,可以使⽤360加速器等⼯具回收⼀些内存。
Q:升级失败或长时间⽆响应?
A:如果装过其他eclipse插件,其升级服务器可能连不上⽽导致报错。
此时在⼯具-插件安装-⼿动安装eclipse插件-可⽤软件站点,取消其他插件的升级地址。
重新点击帮助-检查新版本即可。
Q:HBuilder必须联⽹使⽤吗?
A:HBuilder第⼀次使⽤时要联⽹验证,以后可脱线使⽤。。
如果不⽅便联⽹,可以第⼀次使⽤⼿机做代理临时登录验证⼀下,以后就可以脱线使⽤了。
但是没有⽹络时,有些依赖⽹络的功能不能使⽤,⽐如不能使⽤云服务创建移动APP,不能制作移动APP。
Q:你们会把这个⼯具做成 eclipse 的插件发布么?
A:⽆法变成eclipse插件。
HBuilder⾥⾯有4种编程语⾔,除了java,还有c、HTML、ruby。单纯的java满⾜不了我们的需求。
另外HBuilder的核⼼定位就是做最好的HTML5编辑器,⽽⾮最好的所有编辑器。
倒是如果⼤家愿意的话,可以给HBuilder装其他语⾔的插件。
Q:PHP怎么运⾏?
A:HBuilder⾃带的web服务器是不能解析php的。
如果想解析php,需要⾃⼰安装php服务器,⽐如Apache。
安装好后,在HBuilder的⼯具-选项-web服务器中点新建外部web服务器,配置地址和参数,保存后重启HBuilder。然后点运⾏即可。
Q:PHP怎么不⾼亮不提⽰?
怎么把项目导入到eclipseA:PHP的语法⾼亮需要安装PHP插件。
在⼯具-插件安装中,可以安装Aptana PHP插件。
如果确定安装了php插件,那么在⼯具-选项,搜索⽂件关联,在⾥⾯配置php⽂件和PHP Editor的关联。
也可以在项⽬管理器⾥对⽂件点右键,打开⽅式,⾥⾯选PHP Editor。
Q:PHP插件安装失败了?
A:关闭PHP⽂件。
在帮助-关于我们-安装细节⾥,卸载PHP插件,重启。
然后在⼯具-插件安装⾥装php插件。再重启。
如仍有问题,请再。
Q:我怎么使⽤HBuilder编辑JSP、ASP或.vm⽂件中的HTML代码部分?
A:HBuilder有很多⽂件编辑器。
右键点击⽂件-打开⽅式,可以看到所有编辑器。
很多不常⽤的⽂件后缀名其实都可以通过HTML编辑器打开。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。