La première fois qu'un ingénieur senior a laissé un commentaire sur ma demande d'extraction qui vient de dire "nommer", je n'avais aucune idée de ce qu'il voulait dire. Le code a fonctionné. Les tests ont réussi. Ce qu'il pointait était une variable que j'écrirais comme user_name Dans un fichier JavaScript — Snake_Case dans une base de code qui utilisait CamelCase partout ailleurs. C'était une solution de cinq secondes, mais c'était le genre de chose qui signale discrètement si vous connaissez les conventions du langage dans lequel vous écrivez.
Une quinzaine d'années et un plugin WordPress plus un Laravel/React SaaS plus tard, la conversion de cas est quelque chose que je fais des dizaines de fois par jour sans réfléchir. Le travail en pile complète signifie constamment franchir les conventions : colonnes de Snake_Case dans la base de données, camelcase dans le Javascript, PascalCase pour les composants React, kebab-case dans le CSS et les URL, screaking_snake_case pour les variables d'environnement. Les erreurs ne se contentent pas de se tromper, cela déclenche des ravages, des blocages et produit parfois des bogues qui sont misérables à retrouver.
Ce guide couvre tous les principaux formats de cas, mappe chacun des langues qui s'y attendent et montre comment convertir entre eux instantanément avec le Convertisseur de boîtier sur toolz.dev. Tout fonctionne dans votre navigateur, donc même si vous collez des identifiants propriétaires, rien ne quitte votre machine.
tl;dr : Utilisez le Convertisseur de boîtier Pour basculer de texte entre CamelCase, Pascalcase, Snake_Case, Screaming_Snake_Case, Kebab-Case, Titre Case, Phrase Case et Dot.Case. Il détecte automatiquement les limites des mots de n'importe quelle entrée et convertit les listes par ligne des listes par ligne. Règle de base : camelcase pour variables js, pascalcase pour classes et composants de réaction, snake_case pour python et SQL, kebab-case pour css et URL, screaking_snake_case pour les constantes.
Quels sont les principaux formats de dossier de texte ?
Chaque format de cas est en réalité deux décisions : comment les mots sont en majuscules et quel caractère (le cas échéant) les sépare. Une fois que vous le voyez de cette façon, tout le zoo devient une petite table. Voici chaque format avec un exemple et où il vit.
étui à chameau
Premier mot en minuscules, chaque mot suivant en majuscule, aucun séparateur : firstName, getUserProfile, isActiveSubscription. Il s'agit de la valeur par défaut des variables, fonctions, méthodes et propriétés d'objets JavaScript et TypeScript, et la même chose en Java et Swift. Le nom vient des "humps" que les majuscules font. Il est compact et se lit bien de courte à moyenne longueur.
Pascalcase (case majuscule)
Comme CamelCase mais le premier mot est également en majuscule : UserProfile, HttpRequestHandler, OrderService. Il est utilisé pour les classes, les structures et les énumérations sur C#, TypeScript, Java, Go (pour les identifiants exportés) et Python (noms de classe PEP 8) et pour les noms de composants React et Vue. La première lettre en majuscule est ce qui vous permet de dire un type (UserProfile) à partir d'une instance (userProfile) en un coup d'œil.
serpent_case
Toutes les minuscules, mots rejoints par des traits de soulignement : first_name, get_user_profile, created_at. C'est le style de la maison pour Python et Ruby (par Pep 8 et le guide de style Ruby), Rust et la plupart des schémas SQL. Un soulignement de mots séparés, même en bas, est pourquoi les langues qui apprécient la lisibilité s'appuient sur ce point - et pourquoi les bases de données, où la sensibilité aux cas peut mordre, le préfère.
Screaming_snake_case (constante_case)
Toutes les majuscules, un trait de soulignement : MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT_MS. quasi universelle pour les constantes et pour les variables d'environnement dans .env Fichiers, Docker et CI Config. Les cris "tout en majuscules" sont fixes — lorsque vous le voyez, vous savez qu'il ne faut pas le réaffecter.
Case-kebab (marque de tir)
Toutes les minuscules, séparées par un trait d'union : user-profile, background-color, create-react-app. Il s'agit du format natif de CSS pour les propriétés et (via BEM ou Tailwind) des noms de classe, et c'est ce que les URL Slugs, noms de packages NPM, étiquettes Kubernetes, noms de branches Git et drapeaux de CLI utilisent. Les traits d'union sont des séparateurs de mots naturels en anglais simple, donc Kebab-Case est le format le plus lisible par les humains pour tout ce que les gens lisent directement - et c'est sans danger pour les URL sans encodage.
Cas de titre et affaire de phrase
Le titre de cas met en valeur les mots principaux et laisse les articles courts, les prépositions et les conjonctions en minuscules à moins qu'ils ne mènent : Le renard brun rapide saute par-dessus le chien paresseux. C'est pour les titres, les titres de livres et de chapitres et les en-têtes de diapositives. Le cas de la phrase ne capitalise que le premier mot et les noms propres : Le renard brun rapide saute par-dessus le chien paresseux. C'est la valeur par défaut moderne des étiquettes, des boutons et du corps du texte de l'interface utilisateur dans la plupart des systèmes de conception.
DOT.CASE, TRATH/CASSE et TRAIN-CASE
Trois formats spécialisés : point.case (com.example.myapp) pour les packages Java et les clés de configuration ; Chemin/Coin (src/components/header) pour les chemins d'accès aux fichiers et les importations de modules ; et caisse (Content-Type, X-Request-Id) pour les en-têtes HTTP. Vous les convertirez moins souvent, mais le Convertisseur de boîtier Prend en charge les plus courants afin que vous ne le fassiez pas à la main.
Quel cas utiliser pour votre langage de programmation ?
Le moyen le plus rapide d'arrêter de deviner est d'intérioriser ce que dit le guide de style de chaque langue. Voici la référence inter-langue que j'aurais aimé avoir lors de cette première demande d'extraction.
| élément | Javascript / TS | python | s'en | rouiller | CSS / SQL |
|---|---|---|---|---|---|
| variables | étui à chameau | serpent_case | Camelcase (privé) | serpent_case | Snake_case (SQL) |
| fonctions | étui à chameau | serpent_case | Pascalcase (public) | serpent_case | — |
| Classes / Structures | case à pascal | case à pascal | case à pascal | case à pascal | — |
| constantes | crier_snake | crier_snake | case à pascal | crier_snake | — |
| Composants / Types | case à pascal | case à pascal | case à pascal | case à pascal | — |
| Propriétés / Colonnes | étui à chameau | serpent_case | Pascalcase (public) | serpent_case | Kebab / Serpent |
| limes | Kebab ou Pascal | serpent_case | serpent_case | serpent_case | kebab-case |
Quelques petites choses que cette table ne vous dira pas, mais l'expérience le fera. Go traite la visibilité par le boîtier - une première lettre en majuscule signifie exportée (public), en minuscule signifie package-privé - donc le boîtier est sémantique, pas de style. Les constantes Python sont uniquement criées par conventions, la langue ne vous empêchera pas de les réaffecter. Et en JavaScript, Pascalcase fait double office : il marque les deux classes et les composants de React, c'est pourquoi JSX peut le dire <UserCard /> (votre composant) de <div /> (un élément DOM) purement par la majuscule.
Comment convertir entre les formats avec l'outil ?
La mécanique est délibérément ennuyeuse, ce qui est le point.
- Ouvrez le Convertisseur de boîtier.
- Collez votre texte. Il peut être dans n'importe quel format - l'outil détecte les limites des mots à partir des espaces, des soulignements, des traits d'union, des points et des changements de cas.
- Choisissez le format cible.
- Le texte converti apparaît instantanément. Copiez-le en un clic.
Là où il gagne son donation, c'est un travail en masse. Le convertisseur traite ligne par ligne d'entrée multi-ligne, de sorte qu'une liste entière se transforme en une seule fois. Collez cet ensemble de colonnes de base de données sous la forme de Snake_Case :
first_name
last_name
email_address
phone_number
date_of_birth
Choisissez CamelCase, et vous obtenez les variables côté application en une seule étape :
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
Je fais exactement cela lorsque je mappe les colonnes d'un modèle Laravel sur les noms de champ d'un formulaire de réaction. Deux mondes de convention, un col. L'alternative - retaper 20 noms ou écrire un script de transformation unique - est de savoir comment une tâche de deux minutes devient dix.
Quelles sont les erreurs de conversion de cas les plus courantes ?
J'ai fait tout cela, et j'ai signalé tout cela en revue. Ils se regroupent en quatre.
en utilisant la mauvaise convention pour la langue. écriture const user_name en javascript ou firstName = "Alice" En Python, c'est le classique. Les linters l'attrapent - Eslint camelcase Règle, Pylint invalid-name — Mais c'est plus propre de le rédiger correctement du premier coup que d'obtenir des gribouillis rouges.
étant incohérent dans un seul fichier. mixage userName, is_active, et GetUserProfile() Dans le même module Python, c'est pire que de choisir la "mauvaise convention", car désormais un lecteur ne peut rien prédire. La cohérence bat chaque fois la préférence personnelle.
Manipulation des acronymes. C'est le subtil, et c'est là que j'ai été brûlé. Différentes langues ne sont pas d'accord quant à savoir si un acronyme est un mot ou une série de lettres :
- Javascript Maintient les acronymes complètement en majuscules :
XMLHttpRequest,HTMLElement. - c# N'empoit que la première lettre :
XmlHttpRequest,HtmlElement. - s'en En majuscule, l'acronyme entier, toujours :
XMLHTTPRequest,URL,ServeHTTP.
Voici mon erreur admise avec cela. Une fois, j'ai laissé un convertisseur automatisé tourner parseHTMLString dans parse_h_t_m_l_string Dans un fichier - il traitait chaque capital comme une limite de mots - et je l'ai commis sans lire le diff attentivement. Le bon serpent_case est parse_html_string. Je ne l'ai compris que lorsque Python n'a pas pu trouver la fonction que je pensais avoir renommée. La leçon : la gestion des acronymes est exactement là où la conversion de cas automatisée nécessite un regard humain, et c'est pourquoi le Convertisseur de boîtier Garde les lettres et les nombres adjacents au lieu de les briser.
Fractionner les nombres mal. user2FAEnabled devrait devenir user_2fa_enabled, pas user_2_f_a_enabled. Garder des séquences numériques avec leurs lettres voisines est le comportement que vous souhaitez, et il est facile de se tromper si vous convertissez par regex naïf.
Scénarios de conversion réels que j'ai cliqué
Portage du code entre les langues. Déplacer un extrait d'un service Python vers un nœud un signifie Snake_Case → CamelCase pour chaque identifiant. Collez le bloc, convertissez, c'est terminé.
Composant à la feuille de style. Un composant de réaction nommé UserProfileCard (Pascalcase) a besoin d'une classe CSS user-profile-card (case de kebab). Une conversion.
Config vers l'environnement. Une clé de configuration écrite database.connection.pool.size (point.case) devient le var env DATABASE_CONNECTION_POOL_SIZE (screaming_snake_case). Le convertisseur effectue le changement de format, il vous suffit de coller et de choisir.
Titre de la limace. Un titre comme "Comment convertir une casse de texte en ligne" a besoin d'une limace d'URL. Pour ce travail spécifique, le générateur de limace est construit à cet effet, mais Kebab-Case dans le convertisseur de cas vous permet de vous procurer la plupart du temps.
Questions fréquentes
Comment convertir une requête textuelle en ligne ?
Ouvrez le Convertisseur de boîtier, collez votre texte et sélectionnez le format cible. Il prend en charge CamelCase, Pascalcase, Snake_Case, Screaming_Snake_Case, Kebab-Case, titre, cas de phrase, point.case, etc. La conversion est instantanée, gratuite et entièrement traitée dans votre navigateur.
Quelle est la différence entre CamelCase et Snake_Case ?
CamelCase rejoint des mots sans séparateurs et met chaque mot en majuscule après le premier : getUserProfile. Snake_case utilise des mots minuscules joints par des traits de soulignement : get_user_profile. CamelCase est le standard de JavaScript et Java ; Snake_Case est le standard en Python, Ruby, Rust et SQL. Ils encodent les mêmes mots, avec des règles de séparateur et de capitalisation différentes.
Comment convertir Camelcase en Snake_Case ?
Collez votre texte Camelcase dans le Convertisseur de boîtier — Par exemple getUserProfile — et choisissez Snake_Case. vous obtenez get_user_profile instantanément. Étant donné que l'outil détecte les limites des mots à partir des lettres majuscules, vous n'avez pas besoin d'ajouter d'abord des espaces ou des marqueurs.
A quoi sert Pascalcase ?
Pascalcase met en valeur la première lettre de chaque mot, y compris la première : UserProfile, HttpClient. Il est utilisé pour les noms de classes dans la plupart des langages, les noms de composants React et Vue, les interfaces TypeScript et les alias de type, les méthodes et les propriétés C# et les identifiants (publics) exportés. La lettre majuscule première distingue visuellement les types et les constructeurs des variables ordinaires.
Comment les acronymes doivent-ils être mis en cause dans les noms de variables ?
Cela dépend de la langue. JavaScript les maintient complètement en majuscules (XMLHttpRequest), C# ne majuscule que la première lettre (XmlHttpRequest), et go en majuscule tout l'acronyme (XMLHTTPRequest). Il s'agit de la partie la plus sujette aux erreurs de la conversion de cas, alors examinez le résultat chaque fois qu'un identifiant contient un acronyme plutôt que de faire confiance à une transformée aveugle.
Puis-je convertir une liste complète de noms à la fois ?
Oui. le Convertisseur de boîtier Traite la ligne par ligne d'entrée multiligne. Collez une liste complète des noms de colonnes ou des identifiants, choisissez le format cible et chaque ligne convertit simultanément, idéale pour mapper les colonnes de base de données sur les variables d'application.
Quel cas dois-je utiliser pour les URL et les CSS ?
Case-kebab pour les deux. Les limaces d'URL aiment /blog/text-case-converter-guide et les propriétés CSS comme background-color Utilisez des mots tout en minuscules séparés par des traits d'union. C'est le format le plus lisible dans les adresses et les feuilles de style et est sécurisé sans encodage.
À quoi sert Screaming_Snake_Case ?
Constantes et variables d'environnement : MAX_RETRY_COUNT, DATABASE_URL, API_KEY. Le signal tout en majuscule est une convention, et non une règle appliquée. Il indique au lecteur "cette valeur est fixe, ne la réaffecte pas." C'est presque universel pour les vars env, car les variables de shell ont toujours été majuscules, et la plupart des langues suivent la même convention pour les constantes de temps de compilation.
Quelle est la différence entre le cas de titre et la thèse ?
Le titre Case met en majuscule les mots principaux et laisse les articles courts, les conjonctions et les prépositions en minuscules : "le guide de conversion de cas de texte." Cas de phrase ne met en majuscule que le premier mot et les noms appropriés : "le guide de conversion de cas de texte." Le cas de titre est traditionnel pour les titres. Le cas de la phrase est désormais le style de la plupart des équipes de produits et de documentation, car il lit plus rapidement et gère mieux les en-têtes.
Comment puis-je changer de cas de texte dans Word ou Google Docs ?
Dans Microsoft Word, sélectionnez le texte et appuyez sur Shift + F3 Pour parcourir les minuscules, les majuscules et les majuscules, ou utilisez le bouton AA sur l'onglet Accueil. Google Docs a un format → texte → capitalisation. Ni l'un ni l'autre n'offre de formats de programmeur - pour CamelCase, Snake_Case ou Kebab-Case, vous avez besoin d'un Convertisseur de boîtier.
conclusion
La conversion de cas est une petite compétence qui marque discrètement la différence entre le code qui est natif de son langage et le code qui se lit comme porté d'ailleurs. Connaître la bonne convention pour chaque contexte - CamelCase en Javascript, Snake_Case en Python, Kebab-Case dans CSS et URL, Screaming_Snake_Case pour les constantes - empêche le bruit de la linter, évite les bogues et maintient une base de code cohérente.
le libre Convertisseur de boîtier Sur Toolz.dev rend la partie mécanique instantanée : n'importe quel format, n'importe quel format, une ligne ou une centaine, le tout dans votre navigateur sans rien téléchargé. Bookmark-le, et la seule partie de la dénomination que vous pouvez automatiser cesse de vous coûter n'importe quoi.
Convertissez votre texte maintenant : toolz.dev/tools/case-convertisseur
Lecture connexe :
