答案：VSCode用户代码片段通过内置变量、占位符和正则替换实现动态模板。例如，$TM_FILENAME结合${/(.).(.)/${1:/capitalize}/}可自动将文件名转为PascalCase，用于生成带组件名的React模板，提升编码效率。
在 vscode 中，用户代码片段（user snippets）支持使用变量和占位符来生成动态模板内容，极大提升编码效率。通过内置变量、转换语法以及自定义输入变量，可以灵活构建适应不同场景的代码模板。
内置变量：快速插入上下文信息
VSCode 提供多个预定义变量，可直接在代码片段中使用，用于插入常见值：
- $TM_FILENAME：当前文件名
- $TM_LINE_NUMBER：当前行号
- $CURRENT_YEAR、$CURRENT_MONTH、$CURRENT_DATE：当前日期相关值
- $BLOCK_COMMENT_START 和 $BLOCK_COMMENT_END：根据语言自动插入块注释符号
- $SELECTION：选中的文本（可用于包裹式片段）
例如，创建一个包含文件头注释的片段：
"File Header": {"prefix": "header",
"body": [
"/**",
" * File: $TM_FILENAME",
" * Created: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
" */"
]
}
占位符与变量：支持用户交互输入
使用 ${index:placeholder} 格式定义可编辑占位符。编号决定跳转顺序，冒号后为默认值或提示。
也可以定义命名变量，便于重复使用：
"Function with Author": {"prefix": "func",
"body": [
"function ${1:functionName}() {",
" // Author: ${2:John Doe}",
" console.log('$1 called by $2');",
"}"
]
}
其中 $1 在多处引用时会同步更新，适合函数名、变量名等需复用的场景。
正则替换：动态格式化变量内容
利用 ${variable_name/(regex)/(format)/options} 语法，对变量进行正则处理，实现动态转换。
常见用途包括首字母大写、转小写、提取部分字符串等。例如将文件名转为 PascalCase：
"Component Name from Filename": {"prefix": "cname",
"body": [
"const ${TM_FILENAME/(.*)\\.(.*)/${1:/capitalize}/};"
]
}
说明：
/(.*)\\.(.*)/ 匹配文件名和扩展名，${1:/capitalize} 将第一组首字母大写。
若文件名为 myComponent.js，结果为 MyComponent。
组合使用：构建智能模板
结合上述特性，可创建高度定制化的模板。比如生成 React 函数组件，自动提取文件名作为组件名：
"React Component": {"prefix": "rc",
"body": [
"import React from 'react';",
"",
"const ${TM_FILENAME/(.*)\\.(.+)/${1:/capitalize}/} = () => {",
" return (",
"
",
" ${1:// content}",
"
"," ${1:// content}",
"
" );",
"};",
"",
"export default ${TM_FILENAME/(.*)\\.(.+)/${1:/capitalize}/};"
]
}
保存为 javascript.json 或 typescriptreact.json 片段文件后，新建 banner.js 时输入 rc，自动展开为 Banner 组件结构。
基本上就这些。合理使用变量和转换规则，能让代码片段真正“活”起来，减少重复劳动。
