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

@rainbow-fe/rainbow-template-pda

v1.0.1

Published

Rainbow PDA 端 Vue3 + TypeScript 模板

Readme

项目目录

|—— index.html 入口模板
|—— postcss.config.js H5屏幕适配配置
|—— vite.config.ts vite配置
|—— README.md
|—— CHANGELOG.md 变动记录
|—— .env.development 开发环境
|—— .env.test 测试环境
|—— .env.production 生产环境
|—— .husky git钩子
|—— src
|   |—— api 接口
|   |—— assets 资源目录
|   |—— components 公共组件
|   |—— decorators 自定义装饰器
|   |—— direactive 自定义指令
|   |—— enums 枚举
|   |—— hooks 自定义composition api
|   |—— locale 多语言
|   |—— layout 布局组件
|   |—— mock Mock模拟数据
|   |—— router 路由
|   |—— store 状态管理
|   |—— styles 公共样式
|   |—— types 类型声明
|   |—— utils 工具合集
|   |—— views 页面

安装运行、发布

1.安装相关插件

npm install

2.运行

npm run serve:dev

3.打包发布,打包完成后在项目根目录生成 dist 文件夹

npm run build

4.发布

  • 发布位于项目根目录的 dist 文件夹

安装问题记录

  • npm install 安装插件后执行 npm run dev 报 'Make sure you don't have "ignore-scripts" set to true. You can check this with "npm config get ignore-scripts". If that returns true you can reset it back to false using "npm config set ignore-scripts false" and then reinstall esbuild.' 错误执行命令
node node_modules/esbuild/install.js