创建自定义代码片段可提升编码效率并统一团队代码风格。1. 在VS Code中通过“Configure User Snippets”为语言或项目创建.json片段文件；2. 定义名称、前缀、描述和代码体，如用rcomp生成React组件模板，支持$1、$0光标跳转；3. 将片段文件共享给团队成员或存入项目根目录的.vscode/文件夹并提交Git，实现协作同步；4. 注意前缀简洁不冲突、使用$TM_FILENAME等变量增强动态性、JSON格式正确。保存后输入前缀即可自动展开代码块，新人加入无需手动配置，提升开发一致性。
想在 VS Code 中快速插入常用代码？创建自定义代码片段（Snippets）是提升编码效率的好方法。你可以把重复写的代码保存成短语，输入几个字母就能自动展开。更重要的是，这些片段还能和团队共享，统一代码风格。
创建你自己的代码片段
VS Code 支持为特定语言或整个项目创建代码片段。以下是具体步骤：
- 打开 VS Code，按下 Ctrl + Shift + P（Mac 上是 Cmd + Shift + P），输入 “Configure User Snippets”
- 选择是为当前语言（如 JavaScript、Python）创建，还是新建一个全局代码片段文件
- 编辑生成的 .json 文件，添加你的代码片段
每个片段包含名称、前缀、描述和实际代码。例如，为 React 创建一个组件模板：
"React Component": {"prefix": "rcomp",
"body": [
"import React from 'react';",
"",
"const $1 = () => {",
"return (",
"",
");",
"};",
"",
"export default $1;",
],
"description": "Create a basic React component"
}
保存后，在 JS 文件中输入 rcomp 就能触发这个片段，$1 和 $2 是光标跳转位置，方便快速编辑。
共享你的代码片段
如果你希望团队成员使用相同的代码结构，可以将片段文件共享出去。
- 找到你创建的片段文件：用户级片段位于 VS Code 设置目录下的 snippets/ 文件夹
- 把对应的 .json 文件复制出来
- 分享给同事，让他们导入到自己的 VS Code 中
更高效的方式是将代码片段纳入项目仓库。使用“项目级”片段：
- 在项目根目录创建 .vscode/ 文件夹
- 在里面添加 your-language.code-snippets 文件（如 javascript.code-snippets）
- 提交到 Git，所有克隆项目的人都会自动获得这些片段
这样新人加入项目时，无需手动配置，输入预设前缀就能用标准代码块，减少格式差异。
实用技巧与注意事项
写代码片段时注意以下几点，避免常见问题：
- 前缀尽量简短但不冲突，比如用 log 而不是 l
- 使用 $0 指定最终光标位置，提升操作流畅度
- 多行代码用数组表示每一行，换行符会自动处理
- 支持变量如 $TM_FILENAME 插入文件名，增强动态性
- JSON 不支持注释，测试完记得删掉说明文字
如果片段没生效，检查 JSON 格式是否正确，或者重启 VS Code。
基本上就这些。自己动手做个常用的片段试试，再放进团队项目里看看效果。不复杂但容易忽略。
