如何为VSCode代码片段中的变量应用多步转换？

需求说明 #

需要创建VS Code代码片段，读取文件名后完成两步转换：

• 将文件名首字母大写
• 转换为驼峰式命名

示例：文件名my-filename.tsx转换后返回MyFilename

当前已能分别实现单步转换，但希望将两步操作链式结合执行。

解决方案 #

VS Code的代码片段变量转换支持链式调用多个修饰符，只需用冒号:分隔即可。先执行camelcase将文件名转为小驼峰格式，再执行capitalize将首字母大写，即可一步完成需求。

完整代码片段如下：

{
  "My Snippet": {
    "prefix": "snippet",
    "body": [
      "${TM_FILENAME_BASE/(.*)/${1:/camelcase:/capitalize}/}"
    ]
  }
}

效果验证 #

对于文件名my-filename.tsx，TM_FILENAME_BASE的值为my-filename：

1. 经过camelcase转换后得到myFilename
2. 再经过capitalize转换后得到最终结果MyFilename

内容的提问来源于stack exchange，提问作者Guillermo Brachetta