HBuilderX，简称HX，名副其实的最快的最人性化的前端编辑器，丝毫不逊色于其它最高水平的工具。代表了新一代开放服务的方向，基于继续更新的云知识库的高效开放工具，让开发者更加专注于解决问题自身，让技术服务变得更智能。出现推动和加速HTML5发展，最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。集成大量常用语法块，少敲多行代码，飞一般地编码，体验极客速度。编辑器是开发者活跃度最高的产品，也是最能提升开发者工作效率的工具。长时间盯着屏幕敲代码，辐射是必不可免的但视觉上的冲击却可以得到有效缓解，HBuilderX绿柔视觉主题方案，不是简单的配色，而是追求舒适、护眼和身心健康。绿柔下工作能减少眼球充血，舒缓眼部肌肉，降低脑电波疲劳值。与黑色主题相比，绿柔还能防近视、防晕眩、防止暗适应、减少维生素A消耗，防止或减轻夜盲症。这一切的一切令我手不释卷，希望您也会喜欢上这款免费工具。轻如编辑器、强如IDE合体版本。

软件特点

1、轻巧：10M的绿色发行包
2、极速：不管是启动速度、大文档打开速度、编码提示，都极速响应。
3、清爽护眼：界面清爽简洁，绿柔主题经过科学的脑疲劳测试，最适合人眼长期观看的主题界面。
4、强大的语法提示HBuilderX带有ide才有的ast语法分析能力，能对代码进行深度语法分析，给予准确的语法提示而不是猜单词。
5、高效HBuilderX对字处理提供了更崇高的支持。更强大的多光标、智能双击、选区管理...让文字处理的效率大幅提升。比如你可以简单的选中想要处理的多端文字区块，方便的同时注释掉不同行的一对tag或if块首尾行。
6、markdown优先HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。对于技术人员，我们强烈建议你以后不要使用记事本了，用markdown来替代txt。
7、更强的json支持现代js开发中大量json结构的写法，HX 提供了比其他工具更高效的操作
8、更强的vue支持HX 应该是对vue支持最好的开发工具，让vue开发者效率倍增

功能介绍

【免拖动选择】用鼠标拖着选中一片文本，是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。但是背诵很多相关的快捷键也一样痛苦。HBuilderX提供了更友好方式：智能双击和Ctrl+扩大选区。
【智能双击】在HBuilderX中，但凡特殊点的字符，都能智能双击。-双击引号/括号内侧，是选中引号/括号内的内容-双击逗号两侧，是选择逗号前一段或后一段-双击行尾，是选中该行(不含回车符)-双击连词符（-_）选中整个词-双击折叠行首内容开头，选择折叠段落-双击行首缩进，选择相同缩进的段落-双击列表符号，选择列表段落-双击Tag开头或结尾，选择整段Tag-双击属性赋值等号=，选择Html属性-双击if、function等关键字，选择整段包围区域-双击分号，选择js等语言的;分号前段落-双击css类名左侧，选择Css类-双击注释符选择注释区域-双击#选择markdown标题段落-双击语法定义符开头选择markdown图片、超链接、加粗、倾斜、代码等语法区
【扩大选区Ctrl+=】=是+的默认键位置，所以Ctrl+=其实就是Ctrl键和+号一起按下。在HBuilderX里可以智能的判断选区范围，持续扩大选区，无鼠标快速选中你需要的选区。
【反包围】上面讲到包围，也自然有反包围。双击tag p开头，选中该tag。按反包围Ctrl+Shift+]，可去掉tag p并自动处理子节点的缩进。这里多提一句HBuilderX的快捷键理念，就是符号化，而不是字母化。很多工具的快捷键都是控制键+功能英文单词中的一个字母，这个是极难记忆的。符号化让快捷键的记忆变简单，比如Ctrl+]是包围。而反操作或增强操作一般是加Shift，比如Ctrl+Shift+]是反包围。
【选中相同语法词及跳过某词】使用普通的选择相同词Ctrl+e(mac是Cmd+d)，会把所有div都选中。但使用Ctrl+Shift+e（mac是Cmd+Shift+d），会智能识别语法，剔除不相干的词。按下选择相同语法词，同时选中tag首尾的div，而不会选中子节点的div。然后就可以方便的将原div改名为p如果想选择配对括号，靠相同词是不行的。选中相同语法词会选中匹配的2个左右括号批量选中所有相同词是Ctrl+Alt+e(mac是ctrl+alt+d)选择相同语法还可以用于变量重构
【交换选区内容】当需要交互2个选区的内容时，选中a、剪切、点b前面、粘贴、选中b、找到之前a的位置点击、粘贴...这么长的操作太低效。来看HBuilderX的Ctrl+Shift+x交互选区，也就是Ctrl+x的增强版。1.双击第1个style属性后的引号内侧，可选中引号内容。2.按下Ctrl后继续双击第2个style属性后的引号内侧，可选中2个引号内的选区。3.按下Ctrl+Shift+x，交换style属性的内容。
【撤销最后一个多选区或多光标】选区选多了或选错了，不用担心要重头选，Ctrl+Shift+z不是撤销编辑内容，而是撤销最后一个选区。1.双击选中class2.按Ctrl+e选中相同词3.按Ctrl+Shift+z，不再选中最后一个词。如果多选了一个词，还可以点Ctrl+鼠标右键取消一个选区跳过当前词选下一个词时Alt+Shift+e(mac是ctrl+shift+d)
【批量合并行】把css合并为一行时的快捷操作1.双击{内侧选中class2.按Ctrl+双击选中另一个class3.按反格式化Ctrl+Shift+k，可以把每个css的区块代码都合并为一行Ctrl+k是格式化代码，那么Ctrl+Shift+k就是合并为一行。
【同时注释if段首尾】if块的调整很常见，除了包围、反包围外，常用操作还有同时注释掉if段首尾。1.双击if选中if代码块2.按Ctrl+在选区首尾加光标，变成多光标模式3.按Ctrl+/注释掉选区首尾行
【转到定义】转到定义是非常常用的功能，普通编辑器不长于此，只能猜单词跳转。HBuilderX有强大的语法分析引擎，可以准确的跳转定义位置。转到定义的快捷键是Alt+d，鼠标操作是alt+左键单击（注意不是ctrl，因为ctrl留给了多光标）而HBuilderX还有一个特色是转到定义到分栏，ctrl+alt+左键，可以把一个定义处的代码打开在另一侧，方便共同查看。从uni-app项目的pages.json里ctrl+alt+左键点击一个页面，打开component.vue，继续点击样式uni-padding-wrap，打开样式定义文件uni.css。多个文件可以并排查看编辑。
【折叠】折叠的快捷键是alt+-和=在菜单跳转-折叠里，还有更多折叠的玩法，其中有一个功能非常有用，就是“折叠其他选区”，快捷键是Alt+Shift+o。比如在本markdown文档源码编辑时，按下Alt+Shift+o就可以把其他段落都折叠起来，专注于当前段落的编写。
【大纲】左边的大纲是长文档导航的利器。alt+w激活它(mac是ctrl+w)。

常见问题

一、新下载的HBuilderX无法启动近来，部分小伙伴，反馈在windows系统上，新下载的HBuilderX，解压后，无法启动、点击无反应、启动报xxx.dll错误。特别备注：HBuilderX，要求系统最低是win7，不支持xp1.1 问题现象1：缺少qt*库解压后，点击HBuilderX.exe, 提示缺少qt5*.dll库解压后，点击HBuilderX.exe, 提示无法定位输入点xxxxxxx于动态链接库xxx.dll上

【解决方案】
1、解压后，进入HBuilderX目录，进入bin目录，将bin目录下，所有除了api开头的dll文件，就是非api开头的dll文件，剪切到上一级目录。注意是剪切，不是复制。
2、进入HBuilderX目录下bin目录，找到弹框里面提到的dll文件，然后拷贝到System32或者SysWOW64文件夹
3、检查一下本机是否安装了qt，如以前安装过，进入环境变量，将qt相关的环境变量删除
二、没有任何反应解压后，点击HBuilderX.exe, 没有任何反应解压后，点击HBuilderX.exe, HBuilderX进程启动，又马上关闭尝试以下解决方案关闭所有的杀毒软件后，启动试试使用超级管理员启动试试按照现象1的方案尝试一下在HBuilderX.exe上，鼠标右键，点击属性。如下图所示操作：

更新内容

2.0.1.20190614修复 PHP语言服务需要配置PHP环境的问题，自带了一个PHP环境到插件中，并解决之前配置依赖不生效的Bug修复 单项目窗体，创建项目跑到主窗口的Bug修复 emmet某些情况下中文乱码的Bug【5+App插件】Android平台 修复 配置渠道云端打包后获取的渠道信息（plus.runtime.channel）总是为空的BugAndroid平台 修复 图片预览（plus.nativeUI.previewImage）设置两张图片且loop为true会闪退的Bug