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

hl-front-utils

v1.0.0

Published

## 1. 使用原则 - 项目里重复使用的函数,TS类型等都可以放到此项目里 - 鼓励所有人对此组件库做出贡献

Downloads

1

Readme

前端工具类库

1. 使用原则

  • 项目里重复使用的函数,TS类型等都可以放到此项目里
  • 鼓励所有人对此组件库做出贡献

2. 文件夹介绍

  • src:主要源码
  • docs:vitePress 文档文件夹

3. 安装过程

  1. 全局安装pnpm:npm install -g pnpm
  2. 执行pnpm i --force
  • 安装时遇到大量包请求报错,请先查看 .npmrc 文件中是否配置了「代理」,如果是,则先将代理配置为本机代理 或 注释掉代理配置,再执行安装;
  • 安装过程慢的话,可以自己设置不同的npm registry或者修改.npmrc文件中的代理地址;
  • 如安装后报错「sh: vite: command not found」,则可能是依赖未装全,建议切换到 npm 官方源,配置翻墙代理后,再进行安装;

4. 使用说明

新建文档(Doc)步骤

  1. 在docs/目录下新建*.md文件

调试过程

  1. 编写好对应的文档后,执行pnpm pnpm docs:dev 命令
  2. 打开对应的文档地址,查看效果

打包发布过程

  1. 升级版本:package.json 中的版本号
  2. 执行 pnpm build 命令
  3. 设置相应的 NPM Registry 地址(默认地址为公司的私有仓库)
  4. 执行 pnpm pub 命令

构建帮助文档过程

  1. 执行 pnpm docs:build 命令
  2. 执行 pnpm docs:publish 命令,将文件上传到服务器