我自己经常会使用 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 提交。
1
huyujievip 2022-09-04 19:14:57 +08:00
网页打不开?
|
2
djyde OP @huyujievip #1 可能 DNS 有点问题,现在呢
|
3
corvofeng 2022-09-04 19:38:35 +08:00 via Android
https://github.com/corvofeng/Vsnips 你可以试试我这个
|
4
zhouyg 2022-09-04 21:49:50 +08:00
看起来不错,这么小的体积是用了 tauri 吗?
|
5
loading 2022-09-05 17:17:02 +08:00
搭车问:
这些 snippet 哪里有些好的,总不能一直用自己的💩代码吧。 |
6
ajan 2022-09-06 13:34:43 +08:00
卸载残留严重
|