代码片段保存复用插件
介绍
代码片段保存复用 vscode 插件,支持同步代码片段到自己指定的 gitee 仓库,实现不同电脑上 vscode 可以共享代码片段。

一、准备工作
新建 gitee 仓库
直接在gitee上新建仓库即可。
我们不想要书签信息公开,所以选择勾选上私有:

创建完的初始仓库是这样的:

我们再新增一个目录codeSnippets,用于存放代码片段相关的文件:

在该目录下新增一个文件snippets.json,用于保存代码片段数据:

二、插件使用
1、插件安装
直接在 vscode 插件商场中搜索saveCodeSnippetsAndReusePlugins

点击安装即可:

2、仓库配置

需要配置三个属性:
在 gitee 设置中生成然后复制填写即可:


前面准备工作中新建的仓库,填写仓库名

3、代码片段同步
在多机使用时,可以同步拉取其他电脑保存的代码片段

4、保存代码片段
将选中的代码保存为代码片段,可以自己命名

5、插入代码片段
选择已保存的代码片段插入到当前代码

6、删除代码片段
选择需要删除的代码片段进行删除

7、代码片段自动补全

8、代码片段补全语言类型
快捷键(ctrl + alt + e)
配置代码补全语言标识符,即需要触发代码片段补全的语言类型,默认为:html,css,javascript,typescript,json,svg,less,sass,scss,vue,jsx,tsx,bat,sh,在配置好的这些语言类型文件编辑中才会触发代码片段补全功能

源码
组件库已开源到 gitee,有兴趣的也可以到这里看看:https://gitee.com/zheng_yongtao/save-code-snippets-and-reuse
🌟 觉得有帮助的可以点个 star~
🖊 有什么问题或错误可以指出,欢迎 pr~
📬 有什么想要实现的功能或想法可以联系我~
公众号
关注公众号『前端也能这么有趣』,获取更多有趣内容。
说在后面
🎉 这里是 JYeontu,现在是一名前端工程师,有空会刷刷算法题,平时喜欢打羽毛球 🏸 ,平时也喜欢写些东西,既为自己记录 📋,也希望可以对大家有那么一丢丢的帮助,写的不好望多多谅解 🙇,写错的地方望指出,定会认真改进 😊,偶尔也会在自己的公众号『前端也能这么有趣』发一些比较有趣的文章,有兴趣的也可以关注下。在此谢谢大家的支持,我们下文再见 🙌。
| |