Sortwind
Organizador de Classes Tailwind
Ordene e remova duplicatas de suas classes Tailwind com esta extensão do Visual Studio Code.
Ordenação de Classes
Ordene as classes Tailwind CSS do seu arquivo de código selecionado ao salvar as alterações.
Aqui está um exemplo de como as classes TailwindCSS deste botão de exemplo são ordenadas:
Você também pode ordenar suas classes Tailwind usando o comando Ctrl + Shift + S.
* Vídeo de demonstração de como as classes TailwindCSS são ordenadas.
Remoção de Duplicatas
* Vídeo de demonstração de como as duplicatas das classes TailwindCSS são removidas.
Remova as duplicatas das classes Tailwind CSS do seu arquivo de código atual ao salvar as alterações.
Aqui está um exemplo de como as duplicatas das classes TailwindCSS em um botão de exemplo são removidas.
Configurações
Você pode configurar a extensão conforme desejar usando as seguintes configurações no seu arquivo settings.json no VS Code.
Você pode acessá-lo pressionando Ctrl + ,
Configure a extensão para atender às suas necessidades usando sortwind.{propriedade}
runOnSave
Tipo: boolean
Padrão: true
Ordene as classes TailwindCSS do seu arquivo atual ao salvar as alterações.
removeDuplicates
Tipo: boolean
Padrão: true
Remova duplicatas das classes TailwindCSS do seu arquivo de código atual ao salvar as alterações.
order
Tipo: array
Padrão: ['aspect-auto','aspect-video', ...]
Array com a ordem das classes TailwindCSS.
Você pode alterar a ordem conforme desejar!
classRegex
Tipo: object
Padrão: {'html':'\bclass\...'}
Expressão regular para encontrar classes TailwindCSS em diferentes idiomas.
Você pode adicionar a regex do idioma que mais gosta!
Sobre Nós
Somos dois desenvolvedores que criaram esta extensão como um projeto final de Desenvolvimento de Aplicações Web para ajudar outros desenvolvedores a manter suas classes Tailwind CSS ordenadas e sem duplicatas.
Se você tiver alguma sugestão e/ou problema, não hesite em abrir uma issue em nosso GitHub.
Obrigado por usar nossa extensão!