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