npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

gist2snippet

v0.1.1

Published

gist to vscode snippets

Downloads

4

Readme

Gist2Snippet

介绍

将 Gists 代码块转化为 vscode 的本地项目的代码片段

开始使用

安装方法

npm i gist2snippet -g

or

yarn global add gist2snippet

使用方法

$ gist2snippet

Usage: gist2snippet [options] [command]

Options:
  -v, --version    脚手架版本号
  -h, --help       显示帮助

Commands:
  show [username]  显示用户公开的`Gists`;如果`username`为空,则显示登录用户的`Gists`
  sync <id>        同步目标`Gists`为`vscode`本地项目代码块
  login <token>    通过`github token`登录,可以访问私人`Gists`
  help [command]   display help for command

使用规范

Gists 代码片段格式

每个代码片段新建一个 markdown 文件

markdown 头部需要写 yaml 头来描述一条gist所含有的元数据,格式如下:

    ---
    prefix: v2.test1
    description: v2 模板的测试代码
    scope: javascript, typescript
    ---

    ```js
    console.log($1)
    ```

prefix vscode 代码片段触发键 description vscode 代码片段描述 scope 指定 vscode 代码片段作用的文件

代码写在 markdown 文件 yaml 头 下面代码块包裹的区块内

vscode 插件推荐

GistPad是一个Visual Studio Code扩展,它允许您完全在编辑器中远程编辑GitHub Gist和存储库。您可以打开,创建,删除,分叉和加星号信息库和存储库,然后无缝地开始编辑文件,就好像它们是本地文件一样,而无需克隆,推送或拉取任何内容。就像您自己的开发人员库一样,它用于构建和引用代码段,常用配置/脚本,与编程相关的注释/文档,知识库和交互式示例。