极简主义
强大的编辑器界面
- Radix UI - 无障碍的 React UI 原语
- Lucide React - 美观的图标库
- React Resizable Panels - 可调整大小的面板组件
确保你的开发环境中已安装 Node.js (推荐 v18+) 和 pnpm。
# 克隆项目
git clone https://github.com/guizimo/cover-craft.git
# 进入项目目录
cd cover-craft
# 安装依赖
pnpm install
# 启动开发服务器
pnpm devcover-craft/
├── src/
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── styles/ # 样式文件
│ └── main.tsx # 入口文件
├── public/ # 静态资源
└── package.json # 项目配置
- 现代化的用户界面
- 响应式设计
- 可调整布局
- 图片导出功能
- 实时预览
pnpm dev # 启动开发服务器
pnpm build # 构建生产版本
pnpm preview # 预览生产构建
pnpm lint # 运行 ESLint 检查- Node.js >= 18.x
- pnpm >= 9.15.0
react&react-dom: React 核心库vite: 现代前端构建工具typescript: JavaScript 的超集，提供类型支持
@radix-ui/*: 无障碍的 React UI 组件lucide-react: 图标库react-resizable-panels: 可调整大小的面板
file-saver: 文件保存功能html2canvas: HTML 转换为 canvasclsx&tailwind-merge: 样式工具
Built with ❤️ by Guizimo