安装和启动
快速开始
欢迎使用 Raaghu 设计系统!本指南将帮助您在项目中安装、设置和开始使用设计系统。
前置条件
在开始之前,请确保您的开发机器上安装了以下工具:
- IDE:[Visual Studio]
- Node.js:Node v20+
使用 Raaghu 设计系统的三种方式
方式一:NPM 包
安装:
## 安装主包
npm install @waiin/raaghu-react
## 安装主题包
npm install @waiin/raaghu-react-themes
设置主题:
import '@waiin/raaghu-react-themes/build/styles/default.css'
有关包的更多信息:
方式二:Fork 仓库
Fork 和设置:
- 在 GitHub 上 Fork 仓库:raaghu-react
- 克隆您 Fork 的仓库:
git clone https://github.com/YOUR-USERNAME/raaghu-react.git
powershell -c "irm bun.sh/install.ps1 | iex"
npm install -g bun
bun install
运行 Storybook:
npm run storybook
方式三:Raaghu CLI
安装 CLI:
## 全局安装 Raaghu CLI
dotnet tool install -g Waiin.Raaghu.Cli
## 或如果已安装则更新
dotnet tool update -g Waiin.Raaghu.Cli
创建新的 React 解决方案:
raaghu create --React
运行项目:
## 安装依赖
npm run install-all
## 运行 Storybook
npm run storybook