Gimli

Gimli

Uma extensão do Visual Studio Code que permite ferramentas visuais inteligentes para desenvolvedores front-end.
Diferentemente de outras plataformas de desenvolvimento visual, o Gimli é voltado para desenvolvedores de front-end.Gimli não é uma solução "sem código".Em vez disso, tenta combinar ferramentas visuais frequentemente encontradas em soluções "sem código" com o seu ambiente de desenvolvimento de código do Visual Studio.Destaques dos recursos: Ferramentas de layout A criação de layouts dinâmicos complexos geralmente requer o uso de Grid e Flexbox.Aprender todas as propriedades possíveis e como elas interagem entre si pode ser um desafio.Gimli resolve isso fornecendo ferramentas visuais que simplificam bastante esse processo.O Gimli permite ferramentas de layout com base em qual elemento foi selecionado.Por exemplo, se um elemento tiver sua propriedade de exibição definida como grade, um conjunto de ferramentas focadas na grade será ativado.Se um elemento tiver um pai com a propriedade display configurada para flex, um conjunto de ferramentas focadas em itens flex será ativado e assim por diante.... Encontrar fonte Navegue pelos seus arquivos com facilidade usando o recurso "encontrar fonte" de Gimli.O Gimli permite encontrar instantaneamente o código fonte das regras CSS e elementos HTML.Funciona com qualquer estrutura ou biblioteca Assim como as ferramentas de desenvolvedor do navegador, o Gimli se destina a trabalhar com qualquer estrutura ou biblioteca com a qual você escolheu trabalhar.Até agora, o Gimli foi testado com React, WordPress, Bootstrap, VueJS, Angular e Stencil.Aplicar estilos Não há necessidade de copiar e colar estilos.Ao usar o recurso "aplicar estilos" do Gimli, você pode ver quais estilos foram adicionados, removidos ou alterados.Você pode aplicar todos ou apenas alguns desses estilos.O texto acima é apenas uma prévia do que está por vir.O que você viu acima são recursos implementados que realmente funcionam.Com tempo e recursos, espero poder continuar melhorando os recursos existentes e implementar novos recursos, como: • Ferramentas de tipografia e texto • Importar snippets personalizados • Ferramentas de transformação e perspectiva • Exportação e formatação de HTML • Exportação e formatação de HTML • Exibição em árvore DOM • Ferramentas de cores e marcas

Local na rede Internet:

Recursos

Categorias

Alternativas ao Gimli para Chromium com licença comercial