使用这个新的 VS Code 扩展加速您的开发

我和我的朋友最近开发了 VS Code 扩展 - Snipsnap，旨在解决现有的代码片段集合问题。

Snipsnap是终极代码片段集合和 VS Code 扩展，可自动显示您在项目中使用的每个库的所有可用代码片段。

我们已经提供了针对 React、Redux、Gatsby、Next.js 和 Vue 的代码片段。完整的代码片段列表可在此处找到。

🔥 Snipsnap 试图解决什么问题？

问题 #1

几乎每种流行语言都有很多人们曾经使用过的不同库。它们有的很大，有的很小。对于每个库，为了使用它们，你应该记住许多不同的语法结构。代码片段有助于解决这个问题，但你肯定不想为每个小库创建或安装扩展。因此，我们希望有一个单独的 Snipsnap 扩展，它可以根据你当前项目中使用的语言和包来获取相关的代码片段。

问题 #2

不同的代码片段扩展名遵循不同的规则，并使用一些难以预测的快捷方式，例如“rccp”、“ecrp”、“impp”等。这些难以理解的快捷方式实际上无法让您搜索特定案例的所有代码片段。我们希望通过标准化代码片段格式并提供简洁、可预测的搜索语法（例如“库名称”关键字）来改变这种情况，这样您就可以随时输入库的名称，并获得该库可用代码片段的完整列表。

问题 #3

每个 IDE 都有各自的代码片段格式，彼此不兼容。因此，拥有独立的代码片段格式可以让我们为每种流行的 IDE 创建 Snipsnap 扩展，并使用转换器将代码片段从一种格式转换为另一种格式。

🛠️ 工作原理

Snipsnap VS Code 扩展程序会扫描你的 package.json（或 yarn.lock），并在服务器上搜索项目中所有包的可用代码片段。这意味着你无需再为所使用的框架和库安装不同的扩展程序来获取代码片段。

Snipsnap 扩展程序在 .vscode 文件夹内创建包含所有代码片段的 snipsnap.code-snippets，因此即使其他未安装扩展程序的开发人员也可以使用这些代码片段。

Snipsnap 扫描新可用的片段：

• 在打开文件夹时
• 通过命令面板按下命令“Snipsnap：Feth the snippets”当前存在于此存储库中的所有片段并遵循下面描述的准则。

🗓️ 我们的计划和愿景

当前版本可以称为 MVP，它只有一个目的：测试想法并获得初步反馈。如果您喜欢扩展，请为代码库点赞，分享您的使用体验，或帮助我们改进项目。

我们不想仅仅局限于 JavaScript 代码片段。我们希望使其成为所有流行语言及其包管理器的标准。因此，我们的计划也涵盖了 Ruby、Go、Python 和 PHP 库。

我们相信代码片段可以成为提供简单文档和示例的完美解决方案。代码片段应该像 README 文件一样成为软件包存储库的一部分。您可以构建库，将代码片段与其一起放入 .snipsnap.json 文件中，然后我们就可以获取它了。

拥有标准化的代码片段集合使我们能够为所有流行的 IDE 编写扩展和转换器，最终使代码片段独立于 IDE。假设几年后新的 IDE 发布了，您无需为新的 IDE 编写一大堆代码片段，只需继续使用 Snipsnap 和您已经创建的集合即可。

💡 您的反馈很重要

我们非常想知道您对 Snipsnap 的看法。请在Github上留言或提交问题，让我们知道您的感受。