HBuilder是一款适合编程人员使用的编程工具。hbuilder通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。采用模块化的输入,大大减少了代码输入所需要的工作量,让你更快速的完成工作。软件中还有众多的好用的功能,赶快来体验吧。
HBuilder功能介绍
1.执着于更快一步的理念,hx的左侧项目管理器是单击响应而不是双击。
2.单击展开目录,单击预览文件,双击打开文件。
3.预览文件时顶部标签卡是斜体的,此时继续预览其他文件会替换预览标签卡。双击文件后标签卡为正体,不会被替换。预览的文件一旦开始编辑,也会自动变为正式打开状态。
HBuilder特色说明
1、代码块:一个代码块,少敲20下键盘
图标为codeblock的候选项为代码块。
代码块是常用的代码组合,比如在js中输入$,回车,则可以自动输入document.getElementById(id)。
2、全时提示
HBuilder不仅仅提示全面的语法,非语法的各种候选输入也都能提示。包括图片、链接、颜色、字体、脚本、样式、URI、ID、class、自定义JS对象、方法。
举例,在img src="failure" data-original=后激活代码助手,可以看到本工程所有图片列表;输入
3、Emmet支持
HBuilder内嵌了emmet(即zencoding)插件。输入div#id1,按下tab,可以自动生成。
Emmet的详细语法请查阅其官方网站emmet.io。
HBuilder常见问题
问:什么叫滚动条信息点?
答:当代码中有重要的标记出现时,会生成滚动条信息点,在滚动条右侧出现颜色各异的点。点击这些点或使用跳转到下一个信息点功能,可以快速到达这些代码处。如下标记会生成信息点:书签、任务、错误提示。
问:怎么实现代码追踪?
答:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方,HBuilder提供了一个非常好用的代码追踪功能,只需要按住Ctrl+鼠标左键即可实现追踪。
问:输入small不提示,语法库是不是不全?
答:代码块是否提示,取决于是否设置了这个代码块,代码块是可自定义的。
默认没有预置small代码块,你也可以在代码块弹出界面点右下角的编辑图标,进行代码块的补充修改。
另外可以使用emmet(ZenCoding)语法,这个没有提示,但敲完small,按tab,就会自动生成标签。emmet是一种前端公开技术,网上教程很多。
问:为什么有时候我输入代码块的名称,却没有出现想要的代码块?
答:代码块的显示名称和激活字符是不同的,查看激活字符请在激活代码助手后选择代码块,看右边信息栏的详情
更新说明
1、边改边看浏览器支持预览Markdown文件
2、解决Ctrl+点击选择相同词失效的问题
3、新增工程文件引用关系管理(原流应用配置文件appstream.json废弃,内容自动合并至manifest的dependencies节点下,请在manifest.json可视化界面操作,维护好工程文件关系就可发布流应用)
4、浏览器运行支持winlO的edge浏览器
5、解决manifest编辑器若干bug
6、添加在外部服务器配置是否在url中包含项目名称的功能(工具一选项
7、HBuilder-web浏览器-外置web服务器中新建或编辑时设置)