TMY-Gaoxin-CLI

一个基于React+TypeScript的前端开发脚手架工具，集成了多种实用命令行工具。

功能特点

• 项目创建：快速创建基于React+TypeScript的项目
• 组件生成：一键生成函数组件
• 文件扫描：扫描项目中的TypeScript文件
• 包信息查询：获取npm包的详细信息
• 状态管理：集成Redux Toolkit状态管理解决方案
• 路由管理：集成React Router进行路由管理
• 国际化支持：集成i18next实现多语言国际化

安装

# 全局安装
npm install -g tmy-gaoxin-cli

# 或者使用yarn
yarn global add tmy-gaoxin-cli

# 或者使用pnpm
pnpm add -g tmy-gaoxin-cli

使用方法

显示帮助信息

tmy-gaoxin

创建新项目

tmy-gaoxin create my-project

扫描项目文件

tmy-gaoxin scan

获取npm包信息

tmy-gaoxin info react

生成组件

tmy-gaoxin generate component -n MyComponent

如果不提供组件名称（-n选项），会提示输入组件名称。

技术栈

• React 19
• TypeScript
• Redux Toolkit
• React Router
• i18next
• Vite
• ESLint + Prettier
• Commander.js
• Inquirer.js
• Chalk
• Ora
• Handlebars

项目结构

创建的项目结构如下：

my-project/
├── public/              # 静态资源
├── src/                 # 源代码
│   ├── assets/          # 资源文件
│   ├── components/      # 组件
│   ├── hooks/           # 自定义Hooks
│   ├── layouts/         # 布局组件
│   ├── locales/         # 国际化资源文件
│   │   ├── en/          # 英文翻译
│   │   └── zh/          # 中文翻译
│   ├── pages/           # 页面
│   ├── router/          # 路由配置
│   ├── services/        # 服务API
│   ├── store/           # Redux状态管理
│   │   └── slices/      # Redux切片
│   ├── types/           # 类型定义
│   ├── utils/           # 工具函数
│   ├── App.css          # 应用样式
│   ├── App.tsx          # 应用组件
│   ├── i18n.ts          # 国际化配置
│   ├── index.css        # 全局样式
│   └── main.tsx         # 入口文件
└── ...

贡献指南

欢迎提交Issue和Pull Request，一起完善这个工具！

许可证

MIT