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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 845 天前的主题，其中的信息可能已经有所发展或是发生改变。

我自己经常会使用 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: