hbuilder中自定义代码段简化开发过程

说实话我觉得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中，所有的扩展代码块，都在相应的文件中提供了模板，按照模板修改即可。