Instalação e Inicialização
Introdução
Bem-vindo ao Raaghu Design System! Este guia ajudará você a instalar, configurar e começar a usar o design system em seu projeto.
Pré-requisitos
Antes de começar, certifique-se de ter as seguintes ferramentas instaladas na sua máquina de desenvolvimento:
- IDE: [Visual Studio]
- Node.js: Node v20+
Três Maneiras de Usar o Raaghu Design System
Opção 1: Pacote NPM
Instalação:
## Instalar pacote principal
npm install @waiin/raaghu-react
## Instalar pacote de temas
npm install @waiin/raaghu-react-themes
Configurar Tema:
import '@waiin/raaghu-react-themes/build/styles/default.css'
Para mais informações sobre os pacotes:
Opção 2: Fork do Repositório
Fazer Fork e Configurar:
- Faça o fork do repositório no GitHub: raaghu-react
- Clone seu repositório forkado:
git clone https://github.com/YOUR-USERNAME/raaghu-react.git
powershell -c "irm bun.sh/install.ps1 | iex"
npm install -g bun
bun install
Rodar Storybook:
npm run storybook
Opç ão 3: Raaghu CLI
Instalar CLI:
## Instalar Raaghu CLI globalmente
dotnet tool install -g Waiin.Raaghu.Cli
## Ou atualizar se já estiver instalado
dotnet tool update -g Waiin.Raaghu.Cli
Criar Nova Solução React:
raaghu create --React
Rodar Projeto:
## Instalar dependências
npm run install-all
## Rodar Storybook
npm run storybook