配置代码片段可大幅提升编码效率，通过关键词触发自动插入常用代码块。打开命令面板选择“配置用户或工作区代码片段”，选定语言后编辑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": "输出日志到控制台"
}
说明：
Avactis购物车
下载
Avactis是一个强大的PHP在线购物系统拥有多个版本包括开源版本。它具备一个在线购物系统所需要的所有功能从产品到会员管理，订单和营销。可以无限分类和为产品指定任务数量的图片（支持自动生成缩略图）。使用自定义字段功能，让你可以更好地定义一个产品。该系统提供以非常灵活的方式来创建任意类型的促销活动如设置折扣代码，基于价格的折扣或基于数量的折扣等。
- 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 格式，保存后立即生效。
