生成应用程序命令行 
@undp/create-app 是联合国开发计划署的官方 项目脚手架工具 用于快速启动前端应用程序 反应, 打印稿 -完成合理的默认Biome。
🚀特性
- ⚛️ React + TypeScript 开箱即用
- 🖌️包括 顺风CSS 的样式
- 🗂️包括 Zustand 用于状态管理
- 🚀 轻快地支持 用于快速SPA开发,包括可选 路由 与 Tanstack路由器
- 🌐 Next.js支持 对于全栈应用,包括可选的 身份验证 与 更好的身份验证
- 🎨预配置 联合国开发计划署设计系统
- ⚡️可选集成与 Tanstack查询 用于获取数据
- 📊可与 @undp / data-viz 用于交互式数据可视化
- 🔣可与 i18next 对国际化
- ✨ 生物群落 预配置为一致的代码风格
🧩预配置的设置
所有设置包括 顺风CSS 用于造型和 Zustand 用于状态管理。
| 框架 | 变体 | 描述 | 国际化可用 |
|---|---|---|---|
| 轻快地 ⭐推荐 | 基本 | 最小的React + TypeScript设置 | ✅ |
| 轻快地 ⭐推荐 | +路由器 | 添加TanStack路由器进行路由 | ✅ |
| Next.js | 基本 | SSR和基于文件的路由 | ❌ |
| Next.js | +身份验证 | 包括通过更好的身份验证 | ❌ |
注意: Vite是这个脚手架的主要焦点。它的设置是最成熟和功能完整的,包括i18n支持。js的设置更具实验性,可能会落后。
📦安装
您不需要全局安装它-只需使用 npx:
npx @undp/create-app my-undp-app
📦入门
运行CLI后,进入你的项目并启动dev服务器:
cd my-undp-app && npm run dev
请注意:如果您没有安装依赖项,那么您可能需要运行 npm install 之前 npm run dev.
请注意:脚手架工具安装Proxima Nova和Sonhe Breit字体;你只能使用这些字体,如果你有许可证或使用应用程序作为联合国开发计划署的子域。