Das Aufräumen von Namen ist eine dieser kleinen Aufgaben, die an vielen verschiedenen Stellen auftreten. Aus einem Produktnamen muss eine URL slug werden. Aus einer Tabellenkopfzeile muss ein Eigenschaftsname werden. Ein CSS-Token benötigt eine vorhersehbare Kennung. Eine Notiz aus einer Designdatei muss zu etwas werden, das ein Entwickler in den Code einfügen kann, ohne jedes Wort von Hand neu schreiben zu müssen.
Das Schwierige daran ist, nicht zu verstehen, was camelCase, snake_case, kebab-case oder PascalCase bedeutet. Der schwierige Teil besteht darin, die gleiche Regel konsequent anzuwenden, wenn der Quelltext Leerzeichen, Satzzeichen, Großschreibung und gemischte Trennzeichen enthält. Hier hilft ein gezielter Case / Slug / Escape-Workflow. Fügen Sie den Quelltext einmal ein, überprüfen Sie die Fallvarianten gemeinsam und kopieren Sie die Ausgabe, die zum nächsten System passt.
Warum die Fallkonvertierung in der Praxis wichtig ist
Die Fallkonvertierung liegt zwischen dem Schreiben und der Implementierung. Der menschenfreundliche Ausdruck ist normalerweise nicht der maschinenfreundliche Name.
Stellen Sie sich eine Feature-Flagge mit dem Namen „Neues Checkout-Banner“ vor. In der Produktnotiz wird die Groß-/Kleinschreibung des Titels verwendet. Der Code benötigt möglicherweise newCheckoutBanner. Eine Konfigurationsdatei könnte new_checkout_banner erwarten. Ein Routensegment oder eine CSS-Klasse könnte new-checkout-banner bevorzugen. Die gleiche Idee durchläuft mehrere Systeme, und jedes manuelle Umschreiben bietet eine kleine Gelegenheit zur Abweichung.
Das gleiche Problem tritt bei Inhaltsvorgängen auf. Eine Überschrift wird zu einem slug. Ein Kampagnenname wird zum Tracking-Schlüssel. Ein Support-Label wird zu einer internen Kennung. Wenn jede Person den Namen anders umschreibt, wird die Suche, der Vergleich und die Pflege schwieriger.
So konvertieren Sie Text in gängige Groß-/Kleinschreibungsformate
Der schnellste Arbeitsablauf besteht darin, die Quellphrase sichtbar zu halten und die wahrscheinlichen Ausgaben nebeneinander zu generieren.
- Öffnen Sie das Tool Case / Slug / Escape.
- Fügen Sie den Ausdruck, die Bezeichnung, den Titel oder die Kennung ein, die Sie normalisieren möchten.
- Vergleichen Sie die generierten Ausgaben
camelCase,PascalCase,snake_caseundkebab-case. - Kopieren Sie das Formular, das zum Zielsystem passt.
- Bewahren Sie die Quellphrase in der Nähe auf, falls später jemand den für Menschen lesbaren Namen bestätigen muss.
Dies ist besser als die manuelle Bearbeitung von Trennzeichen, da die Regel einmal angewendet wird. Sie raten nicht, ob ein Wort großgeschrieben bleiben soll oder ob ein Satzzeichen zum Trennzeichen werden soll. Sie verwandeln eine Phrase in vorhersehbare Ergebnisse.
Welchen Fall sollten Sie verwenden?
Unterschiedliche Hüllenstile werden in der Regel unterschiedlichen Zielorten zugeordnet.
| Format | Allgemeiner Gebrauch | Praktischer Grund |
|---|---|---|
camelCase | JavaScript-Variablen, Objektschlüssel, UI-Statusnamen | Kompakt und allgemein im Frontend-Code |
PascalCase | Komponentennamen, Klassennamen, exportierte Typen | Sorgt dafür, dass benannte Codeeinheiten einfach zu scannen sind |
snake_case | Datenfelder, von CSV abgeleitete Header, einige APIs | Klare Trennzeichen mit Kleinbuchstabenstabilität |
kebab-case | URL slugs, Routensegmente, CSS-ähnliche Beschriftungen | Lesbar in Pfaden und getrennten Kontexten |
Der wichtige Teil besteht nicht darin, einen Stil als allgemeingültig zu betrachten. Die richtige Ausgabe ist diejenige, die an die Stelle passt, an der der Text als nächstes eingefügt wird.
Verwenden Sie denselben Pass für slugs und Escape
Die Fallbereinigung wird oft neben anderen Textbereinigungen angezeigt. Nachdem ein Titel zu kebab-case wird, muss er möglicherweise auch zu einer sauberen URL slug werden. Nachdem ein Snippet zu einem Bezeichner geworden ist, muss ein zugehöriger Wert möglicherweise per URL, HTML oder JSON maskiert werden, bevor er sicher an anderer Stelle eingefügt werden kann.
Aus diesem Grund hält Converty die Ausgaben für Groß- und Kleinschreibung, slug und Escape zusammen. Das Tool versucht nicht, ein Content-Management-System oder Code-Editor zu werden. Es handelt sich um einen kurzen Arbeitsschritt, um groben Text in die Formen umzuwandeln, die für die Veröffentlichung, Weiterleitung und Implementierung erforderlich sind.
Für einen umfassenderen Startworkflow, der slugs mit Markdown und Favicon-Vorbereitung kombiniert, lesen Sie Wie Content-Teams Slugs, Markdown und Favicons für einen neuen Start vorbereiten können. Wenn es bei der nächsten Frage eher um die Codierung als um die Benennung geht, fahren Sie mit Wann sollten URL-Codierung, HTML-Escapezeichen und JSON-Escapezeichen verwendet werden fort.
Öffnen Sie das Tool Case / Slug / Escape, wenn die nächste Aufgabe darin besteht, eine grobe Phrase in einen vorhersehbaren Bezeichner, slug, oder eine Escape-Zeichenfolge umzuwandeln.
