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

@xiaohaih/vite-visual-cli

v0.0.2

Published

## 项目简介

Readme

@xiaohaih/vite-visual-cli

项目简介

@xiaohaih/vite-visual-cli 是一个基于 Vite 的可视化 CLI 工具, 旨在提升前端开发效率, 支持可视化页面管理和模块生成, 适用于 Vue3 + Element Plus 项目(需配合内置模板使用)

安装方法

pnpm i -D @xiaohaih/vite-visual-cli

使用说明

在 Vite 配置文件(vite.config.ts)中引入并使用插件:

import { visualPage } from '@xiaohaih/vite-visual-cli';

export default {
    plugins: [visualPage()]
};

启动开发服务器后, 可通过(/__visual-page__)访问可视化管理界面, 或通过 toggleOverlay 方法来打开弹窗

更多详细用法请参考项目主页

贡献指南

欢迎提交 issue 和 PR!

  1. Fork 本仓库
  2. 新建分支 (git checkout -b feature-xxx)
  3. 提交更改 (git commit -am 'feat: 新功能')
  4. 推送到分支 (git push origin feature-xxx)
  5. 创建 Pull Request

许可证

MIT


如有建议或问题, 欢迎提 issue!