Sortwind
Logo de 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

Juan Manuel Suárez

Juan Manuel Suárez

FrontEnd Developer

Miguel A. Martínez

Miguel A. Martínez

BackEnd Developer

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!