HBuilder X(web开发工具)

HBuilder X官方版是特别为前端量身订制的多功能代码编辑器，它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP，还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。而且HBuilder X下载简单，从开放注册以来深受广大前端朋友们的喜爱。

HBuilder X官方版功能特点

1. 轻巧

仅10M的绿色发行包

2. 极速

不管是启动速度、大文档打开速度、编码提示，都极速响应

3. 清爽护眼

界面清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面

4. 无鼠标操作

掌握HBuilder X官方版的无鼠标操作体系，成为高效极客，飞一般编码

5. markdown优先

HX是唯一一个新建文件默认类型是md的编辑器。

对于技术人员，我们强烈建议你以后不要使用记事本了，用markdown来替代txt。

本自述文件就是漂亮的markdown文档，这是技术人员才能独享的美:)

HX为md强化了Emmet、智能回车、智能缩进、智能双击，拥有顶尖的markdown编写体验。

点菜单帮助-markdown语法示例，可快速掌握md及HX的强化技巧!

HBuilder X官方版软件特色

编码比其他工具快5倍够不够?对极客而言，追求快，没有止境!

代码输入法：按下数字快速选择候选项

可编程代码块：一个代码块，少敲50个按键

内置emmet：tab一下生成一串代码

无死角提示：除了语法，还能提示ID、Class、图片、链接、字体…

跳转助手、选择助手，不用鼠标，手不离键盘

多种语言支持：php、jsp、ruby、python、nodejs等web语言，less、coffee等编译型语言均支持

边改边看：一边写代码，一边看效果

强悍的转到定义和一键搜索

这里还有最全的语法库、最全的语法浏览器兼容库

HBuilder X官方版使用方法

HBuilderX - 高效极客技巧

惯常来讲，ide和编辑器是2个产品类别。

ide侧重于某种语言的语法分析、提示、转到定义、调试。

而编辑器则是对通用文本处理，但提供更高效的通用文本处理能力。

上一代HBuilder是一个典型的IDE，语言处理非常强大，但在字处理方面客观讲不如优秀的编辑器。

而新的HBuilderX，定位是ide和编辑器的完美结合，那么HBuilderX就会提供世界顶级的高效字处理能力。

看完这些，你一定会惊叹，原来极客是这么玩的。

免拖动选择

用鼠标或拖着选中一片文本，是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。

但是背诵很多相关的快捷键也一样痛苦。

HBuilderX提供了更友好方式：智能双击和Ctrl+=扩大选区。

智能双击

下面是智能双击选中tag和包围父tag的示例

1. 双击div的首或尾可以选中这个tag。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以通过智能双击选中。具体见HBuilder的选择菜单。

2. 按Ctrl+]包围，就可以在这个选区首尾加父标签，同时闪烁光标。当前在js里按下Ctrl+]不会包围tag，而是包围if、for等函数库。

3. 输入div即可在首尾添加包围标签

HBuilder X官方版更新日志

新增 HBuilderX插件开发断点调试

新增 uniCloud云函数断点调试

新增 代码提示 鼠标悬停 显示代码帮助悬浮窗口

优化 插件API hx.window.createOutputChannel 控制台内容带有URL时，支持点击跳转

新增 终端 支持点击URL跳转到浏览器

修复 终端 当输入内容超过一定长度时，换行显示错误的Bug

修复 控制台或终端，创建多个时，HBuilderX整体窗口超出屏幕范围的Bug

修复 代码格式化导致编辑器上的书签丢失的Bug

修复 compile-node-sass插件 设置项onDidSaveExecution不生效的Bug

修复 多文件字符搜索 配置过滤模式，过滤模式文本颜色没有置灰的Bug

修复 多文件字符搜索 配置过滤模式，某些情况下，过滤模式被清除导致搜索结果错误的Bug

修复 字符搜索和多文件搜索切换，搜索条件内容被清除的Bug

优化 uniCloud 新建数据集合schema文件

修复 uniCloud 关联项目解除关联后，重启HBuilderX后项目管理器还显示关联项目的Bug

修复 uniCloud 关联项目 发行到H5 某些情况下，提示未关联服务空间的Bug

优化 uniCloud 云函数上传ContentAccessDenied错误，控制台增加解决方法

修复 uniapp-cli vue3项目，无法运行发行app的Bug

修复 uniapp-cli vue3项目，以SSR方式发行，提示未绑定服务空间的Bug

优化 原生App-云打包 当项目下uniCloud未关联服务空间时，提交打包，增加弹窗提示