Visualizar Código

    Visualizar e Gerar Código do Aplicativo

    Visualizar o código gerado e baixar seu trabalho como um aplicativo Angular é a etapa final após projetar um aplicativo. A história do usuário de design e desenvolvimento será concluída assim que o aplicativo for gerado com todas as propriedades de estilo e layout.

    Visualizar Código

    O modo de visualização permite que você interaja com seu design como se fosse um aplicativo em execução. Por exemplo, você pode redimensionar a viewport para ver como o posicionamento dos componentes se comporta. Mas o valor real que oferece aos desenvolvedores é visualizar o código do aplicativo que está prestes a ser gerado. Para ver isso, você pode ativar a exibição de código e vê-la lado a lado com o design. Está em modo somente leitura, mas ajudará você a revisar a qualidade do código produzido.

    view-code-Indigo-Design-App-Builder

    Ver código no modo de visualização

    A exibição de código permite que você veja o HTML, CSS e TS separadamente. E isso economiza tempo poupando você do esforço de escrever marcação e CSS para criar algo que seja pixel perfeito. O código gerado usa componentes de desenvolvedor reais, neste caso, Ignite UI for Angular, para que você possa ter certeza de que há documentação abrangente do desenvolvedor para sustentá-lo. Além disso, você está evitando a entrega onde os desenvolvedores precisam inspecionar os ativos visuais para extrair especificações visuais, o que geralmente requer muita comunicação entre designers e desenvolvedores e inclui várias rodadas de refinamento de um design.

    preview-files-indigo-design-app-builder

    Ver arquivos HTML, CSS e Typescript no modo de visualização

    Recursos Adicionais