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 🙏

© 2025 – Pkg Stats / Ryan Hefner

shalitest

v1.0.0

Published

use to test some

Readme

欢迎使用ryan-cli


这是个简单的项目脚手架,集成了react,vue,jquery三种脚手架

ryan -h查看我的个人信息
  1. ryan -r
  2. ryan -a
  3. ryan -s

(1)创建项目脚手架

ryan create -t

用脚手架创建项目,项目类型有三种jquery,react,vue

  1. ryna create hello_react -t react
  2. ryna create hello_vue -t vue
  3. ryna create hello_jquery -t jquery

(2)假数据服务

ryan watch db.json -p 5050

db.json是一个json文件

{
    "user": [
        {"name": "ryan", "age": "222", "sex": "man", "id": 1},
        {"name": "16", "age": "16", "sex": "man", "id": 2},
    ]
}
然后 ryan 就给你提供了以下rest服务
get localhost:5050/user   获取所有用户
get localhost:5050/user?name=ryan   获取name=ryan的用户
get localhost:5050/user/1 获取id为1的用户
post localhost:5050/user  {name:'star',sex:'man'} 提交了一条数据 id自增加
patch localhost:5050/user/1  {name:'vic')  修改了那条id为1的数据
put localhost:5050/user/2  {name:'vic')  修改了那条id为1的数据
delete  localhost:5050/user/2 删除id为2的数据

ryan watch db.js -p 5050

db.js是一个js文件用于提供动态的随机数据

function getBlogs() {
    var json = []
    for(var i=0;i<10;i++){
        json.push({id:i,name:'i am '+i})
    }
    return json
}


module.exports = function () {
    return {
        blogs:getBlogs()
    }
}
用法和上面一样