ITPub博客

首页 > IT职业 > IT生活 > Sublime自定义vue组件代码段

Sublime自定义vue组件代码段

IT生活 作者:jmctian 时间:2021-09-09 09:25:49 0 删除 编辑

sublime可以支持自定代码段

第1步: 菜单栏选择 Tools->Developer->New Snippet

图片描述

Tools->Developer->New Snippet

图片描述

代码段模板

第2步: 以官网模板为例, 将vue模板填入

图片描述

官网模板


图片描述

填写模板

第3步: 保存模板, 并测试

  • 模板后缀必须为.sublime-snippet, 文件名一般命名为触发值,所以最终的文件名为tts.sublime-snippet

最终存储的位置:Packages/User/tss.sublime-snippet

图片描述

tts.sublime-snippet


  • 实际效果演示(tab实现切换落点)

图片描述

tab切换.gif


作者:木子昭
链接:https://www.jianshu.com/p/82ef6fec92ae


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2963/viewspace-2802914/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    0
  • 访问量
    429