Sortwind
Logo de Sortwind

Organisateur de classes Tailwind

Organisez et supprimez les doublons de vos classes Tailwind avec cette extension Visual Studio Code.

Commande des classes

Commandez les classes Tailwind CSS de votre fichier de code sélectionné lors de l'enregistrement des modifications.

Voici un exemple de la manière dont les classes TailwindCSS de ce bouton d'exemple sont commandées :

Vous pouvez également commander vos classes Tailwind en utilisant la commande Ctrl + Shift + S.

* Vidéo de démonstration de la manière dont les classes TailwindCSS sont commandées.

Suppression des doublons

* Vidéo de démonstration de la manière dont les doublons des classes TailwindCSS sont supprimés.

Supprimez les doublons des classes Tailwind CSS de votre fichier de code actuel lors de l'enregistrement des modifications.

Voici un exemple de la manière dont les doublons des classes TailwindCSS d'un bouton d'exemple sont supprimés.

Paramètres

Vous pouvez configurer l'extension à votre guise en utilisant les paramètres suivants dans votre fichier settings.json de VS Code.
Vous pouvez y accéder en appuyant sur Ctrl + ,

Configurez l'extension pour qu'elle corresponde à vos besoins en utilisant sortwind.{propriété}

runOnSave

Type: boolean

Par défaut: true

Commandez les classes TailwindCSS de votre fichier actuel lors de l'enregistrement des modifications.

removeDuplicates

Type: boolean

Par défaut: true

Supprimez les doublons des classes TailwindCSS de votre fichier de code actuel lors de l'enregistrement des modifications.

order

Type: array

Par défaut: ['aspect-auto','aspect-video', ...]

Tableau avec l'ordre des classes TailwindCSS.
Vous pouvez changer l'ordre à votre guise !

classRegex

Type: object

Par défaut: {'html':'\bclass\...'}

Expression régulière pour trouver les classes TailwindCSS dans différentes langues.
Vous pouvez ajouter la regex de la langue que vous préférez !

À propos de nous

Juan Manuel Suárez

Juan Manuel Suárez

FrontEnd Developer

Miguel A. Martínez

Miguel A. Martínez

BackEnd Developer

Nous sommes deux développeurs qui avons créé cette extension en tant que projet final de Développement d'applications Web pour aider d'autres développeurs à maintenir leurs classes Tailwind CSS ordonnées et sans doublons.

Si vous avez des suggestions et/ou des problèmes, n'hésitez pas à ouvrir un problème sur notre GitHub.

Merci d'utiliser notre extension!