快速创建变量插件让你薅一个月的羊毛

737 阅读1分钟

什么是 fast-create-variable

很多人可能不知道这个插件,它就是为了帮你解决光标移动和手动命名去定义变量

我们先通过一个最简单的 gif 看看它的一部分能力

录屏2024-10-11 12.02.59.gif 录屏2024-10-11 11.55.49.gif

当然它还支持选择多个变量名,同时创建多变量或函数

录屏2024-10-11 11.59.45.gif

根据对象下的属性,自动追加

录屏2024-10-11 12.02.59.gif

自定义的 Super Snippets

为什么这么说呢,因为传统的 Snippets 只能做到在你光标的位置,把代码块放进来,而 fast-create-variable,可以在任意地方通过快捷键,把代码快放到预期的位置,还能去顶部导入多个依赖,比如你突然觉得这里应该要加一个路由跳转或者路由的参数解析(react的场景小🌰),你要引入 useLocation,然后再 qs,你可以把这一块作为代码片段,然后再配置 qs 的依赖是从哪里来的,useLocation 的依赖从哪里来的,这样你使用后,顶部就会导入这个依赖,然后还会把代码块插入到当前作用于函数的顶部,当然这些都是可配置的,比如我前面 gif 中的事件,也是配置出来的, 可以参考 github.com/Simon-He95/…

如果 gif 在文本上展示看上去卡,可以在我的 B 站视频上观看 www.bilibili.com/video/BV1ds…

如果你有需要的话可以联系我,领取免费一个月的使用权