为了账号安全,请及时绑定邮箱和手机立即绑定

Sublime自定义vue组件代码段

标签:
Vue.js

sublime可以支持自定代码段

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

https://img1.sycdn.imooc.com//5d576bb30001562407350357.png

Tools->Developer->New Snippet

https://img1.sycdn.imooc.com//5d576bb60001e24107320396.png

代码段模板

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

https://img1.sycdn.imooc.com//5d576bba0001d48407320570.png

官网模板


https://img1.sycdn.imooc.com//5d576bbf00010fd407320548.png

填写模板

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

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

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

https://img1.sycdn.imooc.com//5d576bc40001131807270600.png

tts.sublime-snippet


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

https://img1.sycdn.imooc.com//5d576bcd000196b610001029.gif

tab切换.gif



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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消