写了一个简单的 code snippet 管理工具

2022-09-04 17:56:46 +08:00
 djyde

我自己经常会使用 VS Code 的 code snippet, 它支持用 $1, $2 之类的定位语法,还有一些像 $UUID 之类的 variables, 还支持像 capitalize 这样的 transformers, 比如我可以用这样的 code snippet 来快速地生成一个 React.useState 代码:

const [$1, set${1/(.*)/${1:/capitalize}/}] = useState($2)

这样我把这个 code snippet 的 trigger word 设置成 ust, 那么我只要输入 ust 就可能快速生成:

但是比较难受的一点是 VS Code 的 code snippet 定义是 JSON 格式,而且代码的 body 是一个以换行符作为分割的数组。比如:

{
  "For Loop": {
    "prefix": ["for", "for-const"],
    "body": ["for (const ${2:element} of ${1:array}) {", "\t$0", "}"],
    "description": "A for loop."
  }
}

这让我在维护我的 snippet 的成本非常高。因此我写了一个非常简单的工具,把 snippet 用自然的方式写,放在同一个地方,然后一键同步到 VS Code:

如果你正好也需要,可以在 https://codespeedy.randyloop.com 下载。目前兼容 macOS 和 Windows (x64).

大小只有 7MB

目前这个工具还处于非常初期,不过基本的使用没有问题。接下来可能会开发同步到 Gist 的功能。有任何的 Bug 和建议可以在 https://github.com/djyde/codespeedy-feedback/discussions 提交。

2827 次点击
所在节点    分享创造
8 条回复
huyujievip
2022-09-04 19:14:57 +08:00
网页打不开?
djyde
2022-09-04 19:29:36 +08:00
@huyujievip #1 可能 DNS 有点问题,现在呢
corvofeng
2022-09-04 19:38:35 +08:00
https://github.com/corvofeng/Vsnips 你可以试试我这个
zhouyg
2022-09-04 21:49:50 +08:00
看起来不错,这么小的体积是用了 tauri 吗?
loading
2022-09-05 17:17:02 +08:00
搭车问:
这些 snippet 哪里有些好的,总不能一直用自己的💩代码吧。
ajan
2022-09-06 13:34:43 +08:00
卸载残留严重
djyde
2022-09-06 20:47:18 +08:00
@ajan #6 残留了什么

这个程序唯一读写的只有 vscode 的 codespeedy.code-snippet 文件
ajan
2022-09-08 18:06:05 +08:00
@djyde
卸载后

Windows 10:
C:\Users\用户名\AppData\Local\com.djyde.codespeedy 占用大小 24MB 左右

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/877642

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX