我自己经常会使用 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 提交。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.