Sortwind
Logo de Sortwind

Organizador de Clases de Tailwind

Ordena y elimina duplicados de tus clases de Tailwind con esta extensión de Visual Studio Code.

Ordenación de Clases

Ordena las clases de Tailwind CSS de tu archivo de código seleccionado al guardar los cambios.

Aquí hay un ejemplo de cómo se ordenan las clases de TailwindCSS de este botón de ejemplo:

También podrás ordenar tus clases de Tailwind mediante el comando Ctrl + Shift + S.

* Video de demostración de como se ordenan las clases de TailwindCSS.

Eliminación de Duplicados

* Video de demostración de como se eliminan los duplicados de las clases de TailwindCSS.

Elimina los duplicados de las clases de Tailwind CSS de tu archivo de tu código actual al guardar los cambios.

Aquí hay un ejemplo de cómo se eliminan los duplicados de las clases de TailwindCSS en un botón de ejemplo.

Configuración

Podrás configurar la extensión a tu gusto utilizando los siguientes ajustes en tu archivo settings.json de VS Code.
Podrás acceder a ello pulsando Ctrl + ,

Configura la extensión para que se ajuste a tus necesidades utilizando sortwind.{propiedad}

runOnSave

Tipo: boolean

Por defecto: true

Ordena las clases TailwindCSS de tu archivo actual al guardar los cambios.

removeDuplicates

Tipo: boolean

Por defecto: true

Elimina los duplicados de las clases TailwindCSS de tu archivo de código actual al guardar los cambios.

order

Tipo: array

Por defecto: ['aspect-auto','aspect-video', ...]

Arary con el orden de las clases de TailwindCSS.
¡Podrás cambiar el orden a tu gusto!

classRegex

Tipo: object

Por defecto: {'html':'\bclass\...'}

Expresión regular para encontrar las clases de TailwindCSS en distintos lenguajes.
¡Puedes añadir la regex del lenguaje que más te guste!

Sobre Nosotros

Juan Manuel Suárez

Juan Manuel Suárez

FrontEnd Developer

Miguel A. Martínez

Miguel A. Martínez

BackEnd Developer

Somos dos desarrolladores que hemos creado esta extensión como proyecto final de Desarrollo de Aplicaciones Web para ayudar a otros desarrolladores a mantener sus clases de Tailwind CSS ordenadas y sin duplicados.

Si tienes alguna sugerencia y/o problema, no dudes en abrir una issue en nuestro GitHub.

¡Gracias por usar nuestra extensión!