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 🙏

© 2026 – Pkg Stats / Ryan Hefner

platform-cli

v1.1.2

Published

generator of project prototype

Readme

安装

npm install -g platform-cli

初始化项目

#pf为platform 简写, 可以使用platform 代替pf
#查看帮助
pf init -h
#列出可用的种子项目
pf init -l
#初始化项目(以vue为例)
pf init vue vue-platform 

生成样板文件

#该命令只能在项目的 src 文件夹下执行
cd vue-platform/src 
#查看帮助
pf make -h
#列出可生成文件列表
pf make -l
#生成test组件
pf make ct test
#生成test页面
pf make pg test

开启mock服务

#在本地4000端口开启, 进入 打开 localhost:4000/index 页面
pf mock -p 4000

自定义配置文件

在项目的根目录下有 .platform 配置文件, 该文件为必须。
{
	"type": "vue",              // 指定项目类型
	"template": "boilerplate"   // 指定样板文件的模板文件存放位置
}
模板文件配置在config.json 中, 可以自定义生成类型, short 字段用来配置命令简写
{
	"component": {
		"desc": "Create a new Vue Component in a `.vue` format",
		"file": "component.vue",
		"type": ".vue",
		"example": "vue make component(ct) components/CounterWidget"
	},
	"page": {
		"desc": "Create a new page in a `.vue` format",
		"file": "page.vue",
		"type": ".vue",
		"example": "vue make page pages/CounterPage"
	},
	"short": {
		"ct": "component",
		"pg": "page"
	}
}

mock服务使用

改功能用来模拟后端数据,数据基于 mock.js生成, 在界面中填入接口及request param , request body , response 等,然后访问 http://localhost:{port}/mock/{your interface} 便可以根据你填的response 得到返回数据。例如:
输入:
	api: mymock,
	param: test,
	response: { // 填入的response为标准json
		"errno": 0,
		"data": {
			"mock|3": [{
				"name": "test"
			}]
		}
	}
访问: http://localhost:4000/mock/mymock?test=1
返回: {
	"errno": 0,
	"data": [
		{"name": "test"},
		{"name": "test"},
		{"name": "test"}
	]
}