Hbuilder增加vuejs、angularjs代码提示

本文介绍了如何在Hbuilder中添加Vue.js和Angular.js的代码提示功能,通过工具菜单进入扩展代码块设置,自定义HTML代码块以实现相关指令的智能提示。
摘要由CSDN通过智能技术生成

Hbuilder增加vuejs、angularjs代码提示

依次点击:工具 -> 扩展代码块 -> 自定义html代码块

如图

指令配置模块如下

with_defaults :scope => 'text.html entity.other.attribute-name.html' do |bundle|  #=====HTML属性代码块====================================================
#如下是一个示例代码块,可以复制后再添加新代码块
  snippet 'ng-' do |s|   #ng-是显示名称,代码助手提示列表显示时可见
    s.trigger = 'ng-'        #ng-是激活字符,即按下ng-后会触发该代码块
    s.expansion='ng-${
  1:app/bind/bind-html/bind-template/blur/change/checked/class/class-even/class-odd/click/cloak/controller/copy/csp/cut/dblclick/disabled/focus/hide/href/if/include/init/keydown/keypress/keyup/list/model/mousedown/mouseenter/mouseleave/mousemove/mouseover/mouseup/ng-non-bindable/open/options/paste/readonly/repeat-start/repeat-end/selected/show/src/srcset/style/submit/swipe-left/swipe-right/switch/switch-default/switch-when/view}="$2"'
        #expansion是代码块的输出内容,其中$0、$1是光标的停留和切换位置。
      #$1是第一个停留光标,$0是最后回车时停留的光标。
      #使用{}包围的内容,是提示值域。
      #如果输出涉及到换行和tab,也需严格在这里使用换行和tab。
      #输出双引号在前面加\来转义,输出$使用\$(单引号中)或\\$(双引号中)转义
    s.locationType='HTML_ATTRIBUTE'
  end #ng代码块结束

  snippet 'ms-' do |s|   #ms-avalon代码提示
    s.trigger = 'ms-'
    s.expansion='ms-${
  1:skip/controller/important/attr/css/text/html/class/active/hover/if/visible/for/on/
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值