carbon ui builder

Builder de interface do usuário de carbono - compositor de fragmento de interface do usuário por IBM

O Builder de UI de Carbono é uma ferramenta visual para componentes de interface do usuário de carbono, permitindo que você crie páginas de produtos em uma fração de tempo que normalmente leva.

Exportar em segundos como

• imagem para apresentações
• App de demonstração ao vivo para teste de usuário ou
• Código de qualidade da produção

e incorporar no front -end do produto existente.

Nenhuma codificação necessária.

Veja em ação!

Privacidade

Todos os seus dados são armazenados com segurança no seu computador, nunca deixando o navegador. Isso significa que o construtor de interface do usuário de carbono funciona, mesmo que você não tenha conexão com a Internet.

O que é carbono, afinal?

É o sistema de design da IBM com implementações de componentes prontos para uso em Angular, React e Vue.

Desenvolvimento e auto-hospedagem

No diretório do projeto, você pode executar:

npm install

Instala todos os pacotes necessários e é necessário apenas da primeira vez e quando você atualiza.

npm start

Executa o aplicativo no modo de desenvolvimento.

Abra http: // localhost: 3000 para visualizá -lo no navegador.

A página será recarregada se você fizer edições.

Você também verá erros de fiapos no console.

npm test

Inicia o corredor de teste no modo de relógio interativo.

npm run build

Construa o aplicativo para produção na pasta build . Os artefatos de construção serão armazenados no dist/ Diretório, prontos para serem implantados.

Inicie o aplicativo

Para iniciar o servidor de desenvolvimento, execute nx serve builder . Abra o navegador e navegue para http: // localhost: 4200/. Codificação feliz!

Gerar código

Se você usar plugins NX, poderá aproveitar os geradores de código que podem acompanhá -lo.

Execute nx list para obter uma lista de plug -ins disponíveis e se eles têm geradores. Em seguida, execute nx list <plugin-name> para ver quais geradores estão disponíveis.

Saiba mais sobre os geradores NX nos documentos.

Executando tarefas

Para executar tarefas com o NX, use a seguinte sintaxe:

 nx <target> <project> <...options>

Você também pode executar vários alvos:

 nx run-many -t <target1> <target2>

.. ou adicione -p para filtrar projetos específicos

 nx run-many -t <target1> <target2> -p <proj1> <proj2>

Os alvos podem ser definidos no package.json ou projects.json . Saiba mais nos documentos.

Quer uma melhor integração do editor?

Dê uma olhada nas extensões de console NX. Ele fornece suporte de preenchimento automático, uma interface do usuário para explorar e executar tarefas e geradores e muito mais! Disponível para o VSCODE, Intellij e vem com um LSP para usuários do VIM.