从零到 React 应用，仅需几分钟，Nizam 全部搞定

Source: Dev.to

Nizam 是什么？

Nizam 是一个 CLI 工具，旨在快速高效地搭建前端项目，通过生成干净、结构良好且可直接投入生产的项目设置来实现。它标准化了项目初始化流程，并从第一天起提升开发者的生产力。

关键特性

• 📦 无缝安装所选库
• 🔩 开箱即用的库特定配置
• 🪄 减少重复的手动设置
• 💡 自动创建必备的项目文件
• ⚡️ 加速项目初始化，让你专注核心开发
• 🛠️ 生成可扩展且组织良好的前端项目结构
• 📄 构建完成后，会生成 nizam_doc.html 文件，内含所选库的使用说明和文档链接。

支持的库与工具

UI 框架与 CSS

• Bootstrap
• Tailwind CSS
• Bulma
• Foundation
• Materialize

组件库

• Material UI
• Ant Design
• Headless UI

路由

• React Router
• TanStack Router
• Wouter
• Classic Router
• Data Router

状态管理

• React Context API
• Redux Toolkit
• Zustand

图标

• React Icons
• Lucide React
• Lord Icon
• Material Icons

SEO 与 Head 管理

• React Helmet Async
• Dr. Pogodin React Helmet
• Unhead

数据获取

• Axios
• TanStack Query
• SWR

(更多库计划在后续版本中加入。)

交互式选择

• 搜索/浏览： 从完整的工具列表中挑选，适合已经明确需求的情况。
• 引导式提问： 通过一系列提示帮助你在不确定使用哪些工具时做出建议。
• 解释说明： 每个问题和选项都附有简短解释，帮助你理解并作出决定。

使用方法

npx create-nizam-app

该命令会根据你的选择搭建一个新项目。

文档与资源

• GitHub Repository:
• npm Package:
• Demo Site: