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

@wwchao6411/create-web-ui-template

v0.1.1

Published

`tools/create-web-ui-template` 是仓库内的模板初始化 CLI。它会复制 `templates/web-ui-template`,替换占位符,并按功能开关裁剪文件。

Readme

@wwchao6411/create-web-ui-template

tools/create-web-ui-template 是仓库内的模板初始化 CLI。它会复制 templates/web-ui-template,替换占位符,并按功能开关裁剪文件。

支持的输出模式

  • workspace: 生成到当前 monorepo 的 apps/<name>
  • standalone: 生成到外部目标目录,并把 workspace:* 依赖改写成显式 semver

本地开发命令

在当前仓库内,推荐使用根脚本启动 CLI:

pnpm web-ui-template:init demo-shell --workspace
pnpm web-ui-template:init demo-standalone --standalone --target .tmp/demo-standalone

如需只验证 CLI 包本身:

pnpm --filter @wwchao6411/create-web-ui-template test
pnpm --filter @wwchao6411/create-web-ui-template exec node dist/index.js --help

create 风格入口

CLI 已提供 create-web-ui-template 包名对应的 bin 入口,命令行语义如下:

pnpm create @wwchao6411/web-ui-template my-app --workspace
pnpm create @wwchao6411/web-ui-template my-app --standalone --target ./my-app
npm create @wwchao6411/web-ui-template@latest -- my-app --standalone --target ./my-app

主要参数

  • --workspace: 输出到当前仓库 apps/<name>
  • --standalone: 输出到独立目录
  • --target <path>: 指定 standalone 目标路径
  • --no-desktop: 删除桌面运行时文件和脚本
  • --no-microapp: 删除示例微前端页面和路由
  • --no-chrome-tabs: 关闭 chrome-tabs 占位符
  • --no-auth: 删除登录页与登录路由
  • --no-ssh-forwarding: 删除 SSH 转发占位文件
  • --package-manager <pnpm|npm|yarn>: 指定包管理器
  • --install: 初始化完成后立即安装依赖

输出说明

CLI 会在完成后打印下一步命令:

  • workspace 模式输出根仓库内的 pnpm 命令
  • standalone 模式输出进入目标目录后的安装和启动命令