目录结构

├─ public# 静态资源│   ├─ favicon.ico# favicon图标├─ src# 项目源代码│   ├─ components# 全局公用组件│   ├─ layout# 布局组件│   ├─ config# 全局配置│   │   └─ router.tsx# 路由配置│   ├─ services# api接口│   ├─ stores# 全局 store管理│   ├─ utils# 全局公用方法│   ├─ pages# pages 所有页面│   ├─ App.tsx# 入口页面│   ├─ global.d.ts# 全局声明文件│   ├─ index.css# 全局样式文件│   └─index.tsx# 源码入口└── .commitlintrc.js# 自定义commitlint└── .cz-config.js# 自定义commitlint└── .eslintignore# eslint忽略文件└── .eslintrc.js# eslint配置└── .prettierrc.js# prettier配置└── vite.config.js# vite打包配置└── index.html# html模板└── package.json# package.json

安装及使用

# 克隆项目git clone https://github.com/panyushan-jade/react-template-admin.git# 进入项目目录cd react-template-admin# 安装依赖pnpm install(推荐使用pnpm)# 启动pnpm start# 构建pnpm build# 预览pnpm preview

运行效果(账号密码随便填)

git 提交

# 添加到暂存区git add -A# 提交代码pnpm cz按照提示下一步就行，.cz-config.js可以修改提示相关配置

最后