Snippet 王国里的万能神器：用 VsCode 插件轻松管理和分享代码片段

前言

作为程序员，我们的日常工作少不了与代码片段打交道。这些代码片段可能是我们自己编写的，也可能是从网上收集的。为了方便使用，我们通常会将它们整理成一个文档，或者使用一些代码片段管理工具。

然而，传统的代码片段管理方法存在一些弊端。比如，文档容易丢失，代码片段管理工具的学习成本较高。而且，当我们需要与他人分享代码片段时，也比较麻烦。

为了解决这些问题，我为大家带来了一个神器——VsCode 插件 ShareSnippets。有了它，您就可以轻松编写、管理和分享代码片段了。

编写代码片段

使用 ShareSnippets 插件编写代码片段非常简单。您只需要在 VsCode 中打开一个新的文件，然后输入以下内容：

[scope selector]

trigger: [trigger string]
description: [description of the snippet]
body: [code snippet]

例如，我们可以编写一个用于打印当前时间的代码片段：

[javascript]

trigger: print_time
description: Print the current time to the console.
body: console.log(new Date().toLocaleString());

保存该文件后，您就可以在 VsCode 中使用该代码片段了。只需输入触发字符串 "print_time"，然后按下 Tab 键，即可自动展开代码片段。

管理代码片段

ShareSnippets 插件还提供了强大的代码片段管理功能。您可以在 VsCode 中打开 "ShareSnippets" 视图，查看所有已安装的代码片段。

您还可以对代码片段进行分类、重命名和删除等操作。如果需要与他人分享代码片段，您还可以将其导出为 npm 包。

分享代码片段

ShareSnippets 插件支持将代码片段导出为 npm 包。这样，您就可以轻松地与他人分享您的代码片段了。

只需在 VsCode 中打开 "ShareSnippets" 视图，然后单击 "Export" 按钮即可。接下来，您需要选择一个导出路径，然后单击 "OK" 按钮。

导出完成后，您就可以将生成的 npm 包分享给其他人了。其他人只需安装该 npm 包，即可在 VsCode 中使用您的代码片段。

示例规则

为了帮助您编写代码提示规则，我提供了以下示例规则：

• 用于生成随机数的代码片段：

[javascript]

trigger: random
description: Generate a random number between 0 and 1.
body: Math.random();

• 用于打印当前目录的代码片段：

[javascript]

trigger: pwd
description: Print the current working directory.
body: console.log(process.cwd());

• 用于格式化 JSON 代码的代码片段：

[javascript]

trigger: json_format
description: Format JSON code.
body: JSON.stringify(JSON.parse(JSON.stringify(obj, null, 2)), null, 2);

总结

ShareSnippets 插件是一个非常实用的 VsCode 插件。它可以帮助您轻松编写、管理和分享代码片段。如果您经常使用代码片段，那么我强烈建议您使用 ShareSnippets 插件。

好了，以上就是本期视频的全部内容。如果您觉得本期视频对您有所帮助，请不要忘记点赞、收藏和分享。我们下期再见！