说实话我觉得Hbuilder作为国人制作的ide，虽然比不过Sublime Text 、Atom，但是我觉得作为基础开发来说还是比较好用的。
但是有时候，hb提供的内置代码段可能不足以应付我们的需要，所以我们可以根据需要自己定义代码段模板。
在菜单栏的工具-扩展代码段中，选择对应的代码段分类即可。
首先用html代码段来举例。
需求：在html代码区域输入svue之后，可以自动生成代码段如下：
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
首先我们打开自定义html代码段的rb文件。
在下方添加代码如下：
snippet 'import Vue2.x' do |cmd|
#在代码提示中显示的内容
cmd.trigger = 'svue'
#代码提示触发命令
cmd.expansion = "<script src=\"https://cdn.jsdelivr.net/npm/vue\">$1</script>$0"
#代码段内容$0和$1是光标的停留和切换位置 双引号之前需要\来转译
cmd.needApplyReContentAssist = true
#是否使用代码助手
end
保存后，重启hb,即可使用刚才添加的方法，如图
在hb中，所有的扩展代码块，都在相应的文件中提供了模板，按照模板修改即可。
