HBuilder开发工具,不知道你用过或者听过没有,小编之前就用过HBuilder开发过app,确实简单快捷,这里就不做介绍。
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。
HBuilderX,简称HX,是轻如编辑器、强如IDE的合体版本
环保绿柔主题
和HBuilder一样,编辑器主打环保绿柔风格,官方上还特意宣传这一效果,还摆事实,讲道理,让我们来看下。
医院通过脑电波检测进行脑部疲劳值测试,证明绿柔主题下编码的程序员疲劳值更低。参与实验的程序员在充分休息后,分别使用绿柔和黑色主题的编程工具进行编码半小时,并监测脑电波的数据变化。通过对实验者的脑电波产生的17万条数据的分析,医院仪器打印出的疲劳值、紧张度和注意力集中程度数值,实验后测试者的疲劳度均上升,但,使用绿柔工作的程序员疲劳值上升相对缓慢,紧张程度最低,注意力最集中。使用黑色主题编码后疲劳值的上升幅度最高达到使用绿柔上升幅度的%!
下面让我们来看下这编辑器的功能吧
语法提示
前端框架众多,框架的语法提示需要加载单独的语法提示库。框架语法提示库是在页面的右下角选择。(如下图示例)
代码助手
hx的代码助手,可以按alt+数字选择直接选择某个项目,类似中文输入法数字选词(如下图示例)
语法帮助
光标放到某api处,按下F1,就可跳转到这个api的官方手册。目前支持vue、uni-app、5+等api(如下图示例)
缩进调整
hx默认使用tab缩进,tab长度为4个空格。如果你需要调整缩进长度,比如tab长度为2个空格,在工具设置-编辑器中调整。
如果不喜欢使用tab而喜欢使用空格,也可以在设置中调。注意这个调节只是编辑器里敲tab按键时转为了空格,格式化时仍是tab。
调节格式化设置,参考菜单工具-插件配置。hx支持几种格式化插件,他们都有自己的配置定义文件,请按插件配置中的说明修改设置。(如下图示例)
比如格式化插件Formator-Prettier,它的配置文件为:(如下图示例)
语法校验
工具插件安装中选择各种校验插件,不同语言的校验插件不一样。安装校验插件后,保存文件时会自动执行语法校验。(如下图示例)
校验概要结果会显示在状态栏,比如有2个错误(如下图),可以按F4切换到不同的错误处,画有红波浪线(如下图),鼠标移到红波浪线上会显示具体的错误信息。(如下图示例)
markdown的优化
点菜单帮助-markdown语法说明,会打开一个md文件,里面详细演示了HBuilderX对markdown的强化。推荐在那里实际体验总体来说,编写md文件,HBuilderX最快最高效。
热退出功能(现在主流都有。。。)
hx的文件保存是免丢失的,有热退出功能。
所谓热退出,就是关闭hx时不要保存文件。再次打开时仍然是之前的状态。未保存的文件也会继续原样展现。hx默认带有每30秒保存一次临时文件的策略(可以在设置里调节时间间隔)不管是关闭hx,还是断电、崩溃,临时文件始终会自动保存。前端预编译型语言越来越多,每次保存都触发编译比较消耗资源,有了hx,可以专注写代码而不需要隔一会按一下ctrl+s,需要编译时再保存,或编辑多个文件后按ctrl+alt+s全部保存。
理念
帮助开发者成为极客,一直是HBuilder的理念。HBuilderX更上一层楼。愿各位都能成为极客!
最后有话说
DCloud数字天堂不仅有HBuilder、HBuilderX产品,还有uni-app,HTML5+等,uni-app被定义为终极跨平台开发框架,随着HBuilderX1.0的发布,同样迎来了里程碑突破!uni-app的体验好于传统跨平台开发,可以跨iOS、Android、