快速开始 WIP
简介
Nil Design 为提供一站式的开发体验，共实现了六个包，它们的名称及关系依赖如下图所示：
flowchart TD
components("@nild/components")
hooks("@nild/hooks")
i18n("@nild/i18n")
icons("@nild/icons")
materials("@nild/materials")
shared("@nild/shared")
hooks --> shared
i18n --> shared
i18n --> hooks
icons --> shared
components --> hooks
components --> shared
components --> icons
materials --> shared
materials --> hooks
materials --> components
materials --> icons
第三方依赖
Dependencies
| 名称 | 版本 | Used By |
|---|---|---|
| @floating-ui/dom | 1.7.1 | @nild/components |
| @icon-park/react | 1.4.2 | @nild/icons |
| tailwind-merge | 3.3.0 | @nild/shared |
Peer Dependencies
| 名称 | 版本 | Needed By |
|---|---|---|
| lodash-es | ^4.17.21 | @nild/shared |
| react | ^18.2.0 | @nild/shared @nild/i18n @nild/hooks @nild/icons @nild/components @nild/materials |
| react-dom | ^18.2.0 | @nild/components @nild/materials |
| tailwindcss | ^4.1.7 | @nild/shared |
安装
NOTE
PNPM 安装前建议设置 auto-install-peers=true
sh
npm install @nild/shared
npm install @nild/hooks
npm install @nild/i18n
npm install @nild/icons
npm install @nild/components
npm install @nild/materialssh
pnpm add @nild/shared
pnpm add @nild/hooks
pnpm add @nild/i18n
pnpm add @nild/icons
pnpm add @nild/components
pnpm add @nild/materials