🚀 zmy-cli

一个轻量、高效的前端项目脚手架，支持快速创建 React + TypeScript / JavaScript 项目，并可选配多种样式方案与内置组件库。

✨ 特性

• 🧩 支持框架选择：React + JS / React + TS
• 🎨 支持样式方案：CSS、LESS、SASS、Tailwind CSS、UnoCSS
• 🧱 可选集成 @1214dreams1214/zmy_ui 组件库
• 🧰 自动初始化 Git 仓库（可选）
• 📦 一键安装依赖（支持 pnpm / npm / yarn）
• ⚡️ 零配置上手，适合快速项目启动

📦 安装

无需全局安装，直接使用 npm 官方 create 命令：

# 使用 pnpm
pnpm create zmycli my-app

# 或使用 npm
npm create zmycli my-app

# 或使用 yarn
yarn create zmycli my-app

⚠️ my-app 为项目名称，可自行替换。

🧭 创建过程示例

执行命令后，你将看到交互式提示：

选择框架:  (Use arrow keys)
❯ React + JS
  React + TS

选择样式方案:
❯ CSS
  LESS
  SASS
  Tailwind CSS
  UnoCSS

是否初始化 Git 仓库？ (Y/n)
是否需要 zmyUi 组件库？ (Y/n)
是否安装依赖？ (Y/n)
选择包管理器:
❯ pnpm
  npm
  yarn

脚手架将根据选择自动生成项目模板、写入 .env 配置、并完成依赖安装。

🧰 生成的项目结构

以 React + TS + Tailwind 为例：

my-app/
├─ src/
│  ├─ assets/
│  ├─ components/
│  ├─ App.tsx
│  ├─ main.tsx
├─ .env
├─ package.json
├─ tsconfig.json
├─ vite.config.ts
└─ README.md

⚙️ 开发命令

进入项目目录后：

cd my-app
pnpm dev

构建项目：

pnpm build

🧩 组件库集成说明

如果在创建项目时选择了 zmyUi 组件库，脚手架会自动：

• 向 package.json 添加依赖：

  {
    "@1214dreams1214/zmy_ui": "^2.1.0"
  }

• 在 .env 中写入：

  VITE_USE_TEAM_UI=true

之后你可以直接在项目中使用组件库提供的 UI 组件。

🧑‍💻 开发者信息

Author: ManMan3392 NPM: @1214dreams1214/zmy_ui
Version: 2.1.0

💡 欢迎提出建议与改进，让 zmy-cli 更好用！