使用这个vue snippets,提高百倍开发效率

vue-snippets

随着开发者的年限的增加,不仅头发有点少,重复的代码也不断的增多,为了能够少写代码,GitHub友好的给我们提供了智能代码提示,而我们也以友好的方式赞助它(赞助代码同时也赞助资金🤬),当然也有很多开发者写了类似的插件。

那我为什么要写呢?
我想要有适合自己的代码片段,同时也支持更多的代码片段,更加方便开发者快速使用。

snippets是什么?

snippets简单来说就是代码片段,比如你想实现下面这段代码

<div v-for="item in items" :key="item.id">
  {
   {
    item }}
</div>

那你每次重新手敲,是不是很麻烦,没有snippets的话那么你需要每个都手写
而当你使用snippets的时候,那么你可以直接使用vfor-arr并且写的时候还有提示,方便快速查看和使用(得益于vscode插件的功能)

很多人会在本地settings里面设置对应的一些基础片段,但是毕竟数量太多了,所以装插件是比较方便使用的。

vue-3-snippets插件支持的功能

  1. 支持快速定义vue的模板
    使用vbase可以快速生成一下代码

                
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值