继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Sublime自定义vue组件代码段

千万里不及你
关注TA
已关注
手记 359
粉丝 52
获赞 237

sublime可以支持自定代码段

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

https://img.mukewang.com/5d576bb30001562407350357.png

Tools->Developer->New Snippet

https://img2.mukewang.com/5d576bb60001e24107320396.png

代码段模板

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

https://img4.mukewang.com/5d576bba0001d48407320570.png

官网模板


https://img.mukewang.com/5d576bbf00010fd407320548.png

填写模板

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

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

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

https://img.mukewang.com/5d576bc40001131807270600.png

tts.sublime-snippet


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

https://img.mukewang.com/5d576bcd000196b610001029.gif

tab切换.gif



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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP