使用 GistPad for VSCode 让 GitHub Gists 更强大

进入 GistPad

作为一名开发者，我非常感谢其他开发者创建各种实用工具，以提高编码效率。时不时地，就会出现一些令人眼前一亮、值得社区欢呼的工具。

许多开发者都讨论过GitHub Gist及其实用性。尽管如此，许多人仍然在使用它。由于 Gist 与 GitHub 的连接方式很奇怪，需要在浏览器和编辑器之间来回切换才能找到 Gist，这很麻烦。它不与你的主仓库配置文件关联，它就那样存在着。Gist 就这样独立存在着。

对于那些不了解 Gist 的人来说，Gist 是简化的代码，并非完整的应用程序逻辑。它适用于那些需要不断检查语法的繁琐代码模式。更棒的是，它适用于那些经常使用且无需重复编写的可重用代码模式。

这里是我保存的一些小代码片段。首先是一个 CSS 字体平滑属性。自动前缀器在编译时不会添加前缀。我一直在找这四行代码。

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

第二点：思考气泡——陷入沉思！ CSS 媒体查询中的“and”应该放在大括号内还是大括号之间？我的 Gist 里有答案。

@media (min-width: 481px) and (max-width: 767px) {

  //CSS

}

我的下一个大项目是：用我常用的所有工具编写一个包含“for循环”代码的文件。我经常使用这些工具，它们的语法略有不同，很容易忘记。非常适合用Gist文本文件来记录。

Johnathan Carter（@lostintangent on Twitter & @lostintangent GitHub）开发了一款值得大众关注的工具：GistPad。

我不想重复编写文档，因为Johnathan已经精心提供了优秀的文档，可以帮助你快速上手。

部分精彩功能：

带有侧边栏图标，可用于存放 Gist 文件。
您可以查看自己创建的 Gist 以及其他开发者收藏的 Gist。您还可以在不离开 VSCode 的情况下留下评论或代码建议。
您可以从代码库中捕获代码片段，并轻松地将其从编辑器推送到 Gist 存储库。
这是一个非常棒的测试环境，它像 Codepen 一样，可以将文件直接集成到你的编辑器中。有时候，你需要在将代码插入到代码库之前进行测试。对于前端开发人员来说，这是一个非常实用的工具，可以在本地运行。

约翰逊非常渴望得到反馈和意见。他正在积极努力地推进这项工作。有趣的是：就在我写这篇文章的38分钟前，他刚刚向GitHub推送了一些更新。

如果你还没因为兴奋而放弃阅读我的文章，现在就是你兴奋离开的机会了。快去下载 GistPad 吧！

新年快乐！
祝大家2020年一切顺利，硕果累累！

所有图片和动画均为Johnathan Carter和GistPad的财产。