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
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!