如何通过仓库提交并共享VSCode自定义代码片段

你只需要按下面的规则配置项目内的.vscode目录，提交到仓库后所有拉取代码的同事打开项目就能直接用共享片段，不需要额外安装插件或者修改本地全局配置。

正确目录结构 #

首先在项目根目录的.vscode文件夹下新建snippets子文件夹，所有要共享的片段文件都放在这个子目录里，整体结构如下：

项目根目录/
└── .vscode/
    ├── snippets/
    │   └── javascript.json  # 你要共享的JS自定义片段
    └── settings.json        # 项目级VSCode配置

具体配置步骤 #

• 把你本地调试好的自定义片段文件（比如例子里的javascript.json）直接复制到.vscode/snippets/路径下即可，文件内容不需要做任何修改，和你本地用户目录下的片段语法完全一致。
• 打开.vscode/settings.json（没有就新建一个），添加如下配置，确保VSCode能识别项目内的片段：

{
  // 自动加载当前项目下的自定义片段
  "snippets.includeProjectSnippets": true,
  // 可选：让片段补全排在提示列表最顶部，降低触发成本
  "editor.snippetSuggestions": "top"
}

注意事项 #

• 片段文件名要和VSCode的官方语言ID保持一致：比如JS对应javascript.json、TS对应typescript.json、Vue单文件对应vue.json，VSCode会自动在对应语言的编辑场景下加载这些片段，不需要额外做文件映射。
• 只把需要团队通用的公共片段放到这个目录下，不要把你自己私人用的片段传上来，避免和同事本地的自定义片段产生命名冲突。
• 提交代码时确保把.vscode/snippets整个文件夹和修改后的settings.json都加入版本控制，不要把这部分写到.gitignore里。同事拉取代码后用VSCode打开项目，不需要做任何额外设置，输入片段触发词就能直接看到共享的补全提示。

内容的提问来源于stack exchange，提问作者sandrina-p