答案：VS Code代码片段通过正则转换实现智能生成，如驼峰命名、首字母大写等。结合$1、${TM_SELECTED_TEXT}与${var/regex/format/options}语法，可动态处理用户输入，提升开发效率。
在 VS Code 中编写代码片段（Snippets）时，占位符转换结合正则表达式可以极大提升开发效率。通过简单的语法，你可以动态地修改用户输入的内容，比如将变量名自动转为驼峰命名、首字母大写，或提取特定部分进行格式化输出。
占位符与变量基础
VS Code 的代码片段使用 $1、$2 表示光标位置和占位符，${TM_SELECTED_TEXT} 可获取选中的文本。你还可以引用其他占位符的值并对其进行转换。
基本结构如下：
"mySnippet": {"prefix": "log",
"body": "console.log('${1:value}');",
"description": "Log variable"
}
使用正则表达式进行占位符转换
语法为：${variable_name/regex/format_string/options}，其中：
- variable_name：如 TM_FILENAME、TM_SELECTED_TEXT、1（表示第一个占位符）等
- regex：JavaScript 风格的正则表达式
- format_string：替换后的格式，可用 $1、$2 引用捕获组
- options：可选，如 i（忽略大小写）、g（全局匹配）等
例如，将文件名转为 PascalCase：
"fileNameClass": {"prefix": "class",
"body": ["class ${TM_FILENAME/(.*)\\..+/${1:/capitalize}/};"],
"description": "Create class from filename"
}
若当前文件名为 user.service.ts，生成结果为：class User.service; —— 注意只去掉了后缀，首字母大写。
实用转换技巧
以下是一些常见场景的写法：
1. 转驼峰命名
${1/(.*)/${1:/camelcase}/}输入 my button text → 输出 myButtonText
2. 首字母大写（PascalCase）
${1/(.*)/${1:/pascalcase}/}输入 hello world → 输出 HelloWorld
3. 移除特定字符并格式化
${1/_(\w)/${1:/upcase}/g}输入 user_id → 输出 userId
4. 提取并反转字符串
${1/(.+)@(.+)/$2.$1/}输入 admin@company.com → 输出 company.com.admin
结合用户输入与自动处理
你可以设计一个生成 Vue 组件名的片段：
"vueComponent": {"prefix": "vcomp",
"body": [
"",
"
",
"
","
"",
"",
""
],
"description": "Vue component with name transform"
}
输入组件类名 user-profile，会自动在 script 中生成 name: 'UserProfile'。
基本上就这些。掌握正则转换能让 VS Code 片段从“快捷输入”升级为“智能生成”。
