软件简介

“HBuilderX”是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

软件下载地址：https://www.dcloud.io/hbuilderx.html

轻巧、极速

10M的绿色发行包。
C++架构，启动速度、大文档打开速度、
编码提示，都极速响应。

强大的语法提示

一流的ast语法分析能力
语法提示精准、全面、细致，
转到定义、重构完善

专为vue打造

提供比其他工具更优秀的vue支持
大幅提升你的vue开发效率

清爽护眼

界面清爽简洁，绿柔主题经过科学的脑疲劳测试，
最适合人眼长期观看的主题界面。
保护手腕，减缓鼠标手。

高效极客操作

HBuilderX对字处理提供了更崇高的支持。
更强大的多光标、智能双击、选区管理…
让文字处理的效率大幅提升。

比如你可以简单的选中想要处理的多端文字区块，方便的同时注释掉不同行的一对tag或if块首尾行。

markdown优先

HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。

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

功能简介

“HBuilderX助手”是专门为生成“HBuilderX”语法提示而开发的，当你使用“HBuilderX”编辑代码时通过本工具可以添加自定义语法到“HBuilderX”编辑器中。
输入包含的关键词
image.png
软件联想到自定义语法后点击将内容插入到文档中
image.png

生成方式

在“TaoSql Admin”系统左侧菜单中找到“在线工具”里面的“HBuilderX助手”，点击“HBuilderX助手”打开生成页面
填写相关的语法提示信息

  • 触发字符：当输入包含的字符时会显示对应的提示语法信息
  • 提示名称：对语法的功能用法的描述，一般建议中文
  • 输出内容：当语法提示显示后开发者点击选择语法提示往编辑器里面添加的内容
  • 描述信息：对语法提示内容的详细描述信息，一般建议中文

image.png
确认信息无误后点击“确认添加”按钮，显示出代码后点击“复制”按钮。如何添加到“HBuilderX”请参考下面的“添加方式”。

添加方式

在“HBuilderX”软件页面点击“工具”，找到“代码块设置”，选择需要设置的代码块，例子中选择的是“JavaScript代码块”
image.png
进入设置页面后将系统默认的都删掉，将内容设置为“{}”，在大括号里面粘贴上面复制过来的代码，多个提示语请参考下图，在添加好自定义语法后打开文件进行编辑，输入包含关键词时自动显示出自定义语法。
image.png