hbuilder电脑版是一款支持HTML5的Web开发编辑器，体积小，启动秒开，包括最全面的语法库和浏览器兼容性数据Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件，通过完整的语法提示、代码输入法、代码块等，创新了很多，有其他编辑器没有的高效字处理模型，大大HTML、js、css对开发效率感兴趣的用户可以在这里下载体验。
hbuilder电脑版功能介绍：
轻巧
极速
极速
无论是启动速度、大文档打开速度、编码提示，都能快速响应
界面清新简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面
界面清新简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面
掌握HX无鼠标操作系统已成为高效极客，飞行一般编码
markdown优先
HX新文件的默认类型是唯一一种md的编辑器。
对于技术人员，我们强烈建议您以后不要使用记事本markdown来替代txt。
HX为md强化了Emmet、智能回车，智能缩进，智能双击，顶级markdown编写体验。
hbuilder电脑版特色亮点：
点菜单帮助-markdown语法示例】，可快速掌握md及HX强化技能！
坚持更快一步的理念，hx左侧项目管理器是单击响应，而不是双击响应。
单击展开目录，单击预览文件，双击打开文件。
HX支持java插件、nodejs插件(需要本机安装java及node环境)，各种命令行组件可以通过外部命令轻松调用。无论是否git、svn或过配置外部命令调用或前端编译，可以设置快捷键。
## HX与HBuilder的关系
hx文件保存不丢失，具有热退出功能。所谓热退出，就是关闭hx不要保存文件。当它再次打开时，它仍然是以前的状态。未保存的文件将继续显示。
hx默认情况下，有每30秒保存一次临时文件的策略可以在设置中调整时间间隔)
8前端预编译语言越来越多，每次保存都会触发编译资源的消耗。hx，你可以专注于编写代码，而不需要按一会儿ctrl s，需要编译时保存，或编辑多个文件ctrl alt s全部保存。
hbuilder计算机版优势分析：
(1)图标为codeblock代码块是候选项。
(2)代码块是常用的代码组合，例如在js中输入$，回车后，可自动输入document.getElementById(id)。
上一代HBuilder是典型的IDE，语言处理非常强大，但客观地说，它不如优秀的编辑器好。
(3)再举例，在HTML中输入i，回车，可以得到input button标签。
(4)可以在工具中查看和编辑代码块-在自定义代码块中，选择相应的代码块进行查看和编辑。您还可以点击右下角的修改图标进行修改和查看。
(5)代码块激活字符原理1:连续单词首字母。dg激活document.getElementById("");vari激活var i=0;dn激活display: none;
免拖动选择
(6)代码块激活字符原理2:整段HTML一般使用tag名称 、style，通常，敲最多4个字母即可匹配到需要的代码块，不需要完整录入，如sc回车、st回车，就可以完成了 、style输入标签。
(7)代码块激活字符原则3:同一个tag，有多个代码块输出，最后添加后缀。 输出但 u则输出， g同理。
但背诵许多相关的快捷键也同样痛苦。
hbuilder(编辑器)智能双击和Ctrl =扩大选区。
(9)代码块激活字符原理5:js关键字代码块是在关键字的最后添加一个重复的字母。if敲会直接提示if关键字，但iff回车，就出现了if代码块。类似的有forr、withh等。由于funtion为了加快输入10速，取字母较长fun缩写，比如funn，输出function代码块，而funa和func，匿名函数和闭包分别输出。
HBuilder不仅可以提示全面的语法，还可以提示非语法的各种候选输入。包括图片、链接、颜色、字体、脚本、风格URI、ID、class、自定义JS对象，方法。
双击div可以选择这个的头或尾tag。当然双击if、双击缩进符，双击括号引号内侧...智能双击可以选择许多位置。HBuilder菜单的选择。
举例，在img src="/static/css/default/img/default.jpg" data-original=激活代码助手后，可以看到本项目的所有图片列表；输入<sc本工程全部可见js列表;在js的document.getElementById(id)提示本项目已定义ID列表;在css的color:本工程使用的所有颜色都可以列出。
输入div包围标签可以在头尾添加
hbuilder计算机版使用教程：
智能双击
以下是智能双击选择tag和包围父tag的示例
反包围
双击div可以选择这个的头或尾tag。当然双击if、双击缩进符，双击括号引号内侧...智能双击可以选择许多位置。HBuilder菜单的选择。
说到包围，自然有反包围。
按Ctrl ]被包围，可以在这个选区的首尾加父标签，同时闪烁光标。js里按下Ctrl 不会被包围tag，而是包围if、for等函数库。
输入div包围标签可以在头尾添加
按反包围Ctrl Shift ，可去除tag p并自动处理子节点的缩进。
这里多提一句hbuilder(编辑器)快捷键的概念是符号化，而不是字母化。
扩大选区Ctrl =
=是 的默认键位置，所以Ctrl =其实就是Ctrl按键和 号。
在HBuilderX可智能判断选区范围，不断扩大选区，无鼠标快速选区。
HBuilderX
反包围
说到包围，自然有反包围。
选择括号时，也可以选择相同的语法词，选择相应的括号
HBuilderX编辑器
交换选区内容
这里多提一句HBuilderX快捷键的概念是符号化，而不是字母化。
许多工具的快捷键都是控制键 功能英语单词中的一个字母，极难记住。
符号化简化了快捷键的记忆，比如Ctrl 是包围。
双击第1个style引号内侧可选择属性后的引号内容。
反向操作或增强操作通常被添加Shift，比如Ctrl Shift 是反包围。
选择相同的语法词
在下图中，使用普通的选择相同的单词会使所有单词div选中。但是使用Ctrl Shift e(mac是Command Shift d)，智能识别语法，消除不相关的单词。
下图按下Ctrl Shift e同时选中tag首尾的div，而不是选择子节点div。
然后就可以方便的将原div改名为p
选择括号时，也可以选择相同的语法词，选择相应的括号
交换选区内容
当需要交互两个选区的内容时，选择a、剪切、点b前面，粘贴，选择b、找到之前a点击粘贴位置...这么长的操作太低效了。
来看HBuilderX的Ctrl Shift x交互选区，即Ctrl x的增强版。
双击第1个style引号内侧可选择属性后的引号内容。
按下Ctrl继续双击第二style属性后的引号内侧可选择两个引号内的选区。
按下Ctrl Shift x，交换style属性内容。
若不选择内容，光标放置在2行，可直接交换这2行内容，
撤销最后一个多选区或多光标
选区选多或选错，不用担心重新选，Ctrl Shift z不是取消编辑内容，而是取消最后一个选区。
按Ctrl e选中相同词
按Ctrl Shift z，不再选择最后一个词。
按Ctrl /注释选区首尾
3.3.20211225
双击{内侧选择class
按Ctrl 双击选择另一个class
新增 项目管理器视图toolbar 新定位和折叠所有悬挂按钮 详细信息
按反格式化Ctrl Shift k，可以把每个css区块代码合并为一行
Ctrl k是格式化代码，所以Ctrl Shift k就是合并为一行。
HBuilderX
同时注释if段首尾
双击if选中if代码块
新增 原生App-云包装 包装窗口 增加Sigmob鼓励视频广告联盟配置
按Ctrl 加光标在选区的首尾变成多光标模式
HBuilderX编辑器
hbuilder电脑版常见问题：
答：当代码中出现重要标记时，滚动条信息点会生成，滚动条右侧会出现不同颜色的点。点击这些点或跳转到下一个信息点，快速到达代码。以下标记将生成信息点:书签、任务和错误提示。
修复 hbuilder(编辑器) CLI pack、cloud有些命令，操作异常Bug
问：hbuilder中输入small语法库不完整吗？
答:代码块的显示名称不同于激活字符。激活代码助手后请选择代码块，查看右侧信息栏的详细信息
