不要再傻傻的这样用 Snippets 了

4,589 阅读2分钟
大家好,我是 Simon,今天我们来聊一下 Snippets,作为一个有经验的程序员,一定会为了平时敲代码更快更偷懒,配置了很多 Snippets 吧,当然我也不例外,甚至我更懒,🤣

image.png

先展示一下我的一些 Snippets, 我配置了好几个文件可能有上几百个 Snippets,我就不一一展示了,如果感兴趣可以从我个人的 Snippets 中查找.

image.png

哦,对了,这篇文章的重点并不是给大家分享我的 Snippets,而是叫大家不要再这样配置 Snippets 了,为什么呢?

因为这样有点 low 了

  1. 你配置的 Snippet 没办法很好的控制位置,比如你必须要在顶部才能用 import 相关的 Snippet
  2. 你的 Snippet 会和 vscode 和 typescript 代码提示一起出现,你可能会选错,甚至很难找到 这时候会有小黑子说:那我可以取名字特殊的不冲突的 🤣
  3. 你的 Snippet 能同时 Snippet 多个吗?很多人可能听不懂这句话的意思,我会在接下来给大家解释的

请看下面的 Gif,我能随心所欲的控制我的 Snippet 位置,甚至我在当前位置插入 Snippet 同时顶部还能插入依赖的 import from

录屏2024-09-06 14.11.49.gif

这只是简单一部分,它还有更强大的能力,能够根据你的位置去筛选一些选择,这需要进一步去配置,原理它也是 Snippet,但是是更强大功能的 Snippet,有更强的细粒度和可控性

想必大家一定很好奇,这是😧,你在任何地方都可以使用 Snippet,你不必再到光标的位置去输入 Snippet 的 prefix,它是任何地方都能用,其次它不会与 vscode 和 typscript 的提示冲突,它是完全 userspace,你可以想象到,当你的 vue2 代码几千行,你要新建一个 methods,这个成本是多大,然后再返回到原本的地方,有了它能带来多少开发效率

说了那么多到底怎么才能用上它呢?

fast-create-variable 装它就行了,能在 vue 、react、typescript、javascript 中享受到极致的开发体验,如果你想知道 gif 中的事件代码片段如何配置的话,可以关注我的 B 站账号: space.bilibili.com/413596956 ,私聊我,另外在我的 B 站账号下还有很多很有趣的提效插件视频分享~

关注我,带你了解更多有意思的插件