JSON Canvas Viewer

Instalação e Execução

Pré-requisitos

Verificar Instalações

# Verificar Flutter
flutter --version
# Requerido: Flutter 3.8.1+

# Verificar Dart
dart --version
# Requerido: Dart 3.8.1+

# Verificar ambiente
flutter doctor

Instalação

1. Clone o Repositório

git clone https://github.com/yourusername/jsoncanvasviewer.git
cd jsoncanvasviewer

2. Instale Dependências

flutter pub get

3. Verifique Dispositivos

flutter devices

Execução

Chrome (Recomendado)

flutter run -d chrome

Edge

flutter run -d edge

Servidor Local

flutter run -d web-server

Acesse: localhost:8080

Desktop

flutter run -d macos flutter run -d windows

Hot Reload

Durante desenvolvimento:


Build para Produção

Web

flutter build web --release

Output: build/web/

Servir Build Local

cd build/web
python3 -m http.server 8000

Acesse: http://localhost:8000


Deploy

GitHub Pages

# Build com base-href
flutter build web --release --base-href /jsoncanvasviewer/

# Deploy
git subtree push --prefix build/web origin gh-pages

Netlify

**netlify.toml** ```toml [build] command = "flutter build web --release" publish = "build/web" [[redirects]] from = "/*" to = "/index.html" status = 200 ``` **Deploy** ```bash netlify deploy --prod ```

Vercel

**vercel.json** ```json { "buildCommand": "flutter build web --release", "outputDirectory": "build/web" } ``` **Deploy** ```bash vercel --prod ```

Configuração VSCode

### launch.json ```json { "version": "0.2.0", "configurations": [ { "name": "jsoncanvasviewer (Chrome)", "request": "launch", "type": "dart", "deviceId": "chrome" } ] } ```

Troubleshooting

Flutter não reconhecido

Adicione Flutter ao PATH

export PATH="$PATH:[PATH]/flutter/bin"

Chrome não encontrado

Defina CHROME_EXECUTABLE

export CHROME_EXECUTABLE="/path/to/chrome"

Performance Lenta

Use mode release

flutter run --release

CORS Error

Use proxy ou base64 para imagens


Requisitos de Sistema

Mínimo

Recomendado


Próximos Passos

Explorar Componentes

Entenda a arquitetura

Ver Componentes →

Ver Elementos

Tipos suportados

Ver Elementos →

Contribuir

Ajude no desenvolvimento

Ver Guia →