Sortwind 
Tailwind-Klassenorganisator
Ordnen und entfernen Sie Duplikate aus Ihren Tailwind-Klassen mit dieser Visual Studio Code-Erweiterung.
Klassenbestellung
Ordnen Sie die Tailwind CSS-Klassen Ihrer ausgewählten Code-Datei beim Speichern von Änderungen.
Hier ist ein Beispiel, wie die TailwindCSS-Klassen dieses Beispielbuttons sortiert sind:
Sie können Ihre Tailwind-Klassen auch mit dem Befehl Strg + Shift + S ordnen.
* Video-Demonstration, wie TailwindCSS-Klassen sortiert sind.
Duplikate entfernen
* Video-Demonstration, wie Duplikate von TailwindCSS-Klassen entfernt werden.
Entfernen Sie Duplikate aus den Tailwind CSS-Klassen Ihrer aktuellen Code-Datei beim Speichern von Änderungen.
Hier ist ein Beispiel, wie die Duplikate der TailwindCSS-Klassen in einem Beispielbutton entfernt werden.
Einstellungen
Sie können die Erweiterung nach Ihren Wünschen konfigurieren, indem Sie die folgenden Einstellungen in Ihrer settings.json-Datei in VS Code verwenden.
Sie können darauf zugreifen, indem Sie Strg + , drücken.
Konfigurieren Sie die Erweiterung nach Ihren Wünschen mit sortwind.{Eigenschaft}
runOnSave
Typ: boolean
Standard: true
Sortieren Sie die TailwindCSS-Klassen Ihrer aktuellen Datei beim Speichern von Änderungen.
removeDuplicates
Typ: boolean
Standard: true
Entfernen Sie Duplikate aus den TailwindCSS-Klassen Ihrer aktuellen Code-Datei beim Speichern von Änderungen.
order
Typ: array
Standard: ['aspect-auto','aspect-video', ...]
Array mit der Reihenfolge der TailwindCSS-Klassen.
Sie können die Reihenfolge nach Belieben ändern!
classRegex
Typ: object
Standard: {'html':'\bclass\...'}
Regulärer Ausdruck, um TailwindCSS-Klassen in verschiedenen Sprachen zu finden.
Sie können den Regex der Sprache hinzufügen, die Ihnen am besten gefällt!
Über uns
Wir sind zwei Entwickler, die diese Erweiterung als Abschlussprojekt für die Entwicklung von Webanwendungen erstellt haben, um anderen Entwicklern zu helfen, ihre Tailwind CSS-Klassen geordnet und ohne Duplikate zu halten.
Wenn Sie Anregungen und/oder Probleme haben, zögern Sie nicht, ein Problem auf unserem GitHub zu öffnen.
Vielen Dank, dass Sie unsere Erweiterung verwenden!