配置代码片段可大幅提升编码效率，通过关键词触发自动插入常用代码块。打开命令面板选择“配置用户或工作区代码片段”，选定语言后编辑JSON文件，定义名称、前缀、主体和描述。例如设置"prefix": "log"，输入log按Tab即可生成console.log语句。支持制表位跳转与默认值，适用于React组件等重复结构，保存即生效。
VSCode 的代码片段（Snippets）功能能大幅提升编码效率，通过自定义快捷方式快速插入常用代码块。只需简单配置，就能在编辑器中输入关键词后按 Tab 键自动展开成完整代码。
创建用户或工作区代码片段
你可以为特定语言创建全局用户片段，或为项目设置工作区专用片段。
- 打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）
- 输入“首选项：配置用户代码片段”或“配置工作区代码片段”
- 选择目标语言（如 html、javascript、python 等），会生成对应语言的 JSON 文件
编写代码片段格式
每个代码片段是一个键值对，键是片段名称，值包含前缀、主体和描述。
"Console Log": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "输出日志到控制台"
}
说明：
- prefix：输入这个关键词时触发片段
- body：实际插入的代码，支持多行
- $1、$2：制表位，按 Tab 可依次跳转
- $0：最终光标位置
- ${1:default}：带默认值的占位符
在项目中使用语言特定片段
比如写 React 组件时，可以设置 jsx 片段：
"Arrow Function Component": {
"prefix": "rfc",
"body": [
"const $1 = () => {",
" return (",
" <$2 />",
" );",
"};",
"export default $1;"
]
}
在 .js 或 .tsx 文件中输入 rfc 后按 Tab，即可生成函数组件模板。
基本上就这些。配置一次，长期受益，特别适合重复结构的代码。注意语法要符合 JSON 格式，保存后立即生效。
