Español
Convierte texto entre camelCase, snake_case, kebab-case y más.
Última actualización
helloWorldFromCoddyHelloWorldFromCoddyhello_world_from_coddyHELLO_WORLD_FROM_CODDYhello-world-from-coddyHello-World-From-Coddyhello.world.from.coddyhello/world/from/coddyHello world from coddyHello World From CoddyHELLO WORLD FROM CODDYhello world from coddyUn conversor de cases toma una frase o un identificador y lo reescribe en todas las convenciones de nombres habituales: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, Sentence case y alguna más. Es una herramienta que un desarrollador usa todo el tiempo: cuando refactoriza nombres de variables, cuando genera nombres de columnas en la base de datos, cuando tiene que escribir campos de API que cumplan una guía de estilo o cuando convierte un texto introducido por el usuario en un slug de URL.
Cada ecosistema tiene sus preferencias. JavaScript y Java van con camelCase; Python y Ruby tiran de snake_case; las clases de CSS y las URLs usan kebab-case; las variables de entorno y las constantes se escriben en CONSTANT_CASE. Con un conversor cambias de un estilo a otro sin tener que ir letra a letra mentalmente.
Lo difícil no es reescribir, es *tokenizar*. El conversor tiene que partir entradas mezcladas como XMLHttpRequest, iOSDevice o read_HTML5Tags en las palabras correctas antes de volver a unirlas en el estilo elegido. Un buen tokenizador maneja con elegancia los acrónimos (XML, iOS) y los dígitos.
_ - .) y por los límites con dígitos antes de volver a unir.XMLParser debería ir y volver como xmlParser o como xMLParser? Elige la regla que use tu base de código y mantenla.Mete una frase, un identificador o una lista entera. Da igual si la entrada viene mezclada: camelCase, snake_case, espacios… todo vale.
El conversor te muestra la entrada reescrita en más de 10 cases. Quédate con el que use tu base de código.
Activa o desactiva el tratamiento de acrónimos, dígitos y caracteres especiales si tu guía de estilo tiene reglas concretas.
Pulsa cualquier variante y se copiará al portapapeles. Es muy útil cuando refactorizas entre archivos o rellenas specs de OpenAPI.
Cómo se ve la misma frase en las convenciones más habituales.
| Estilo | Ejemplo | Dónde se usa |
|---|---|---|
camelCase | userName | Variables en JavaScript, métodos en Java |
PascalCase | UserName | Nombres de clase en casi todos los lenguajes, componentes de React |
snake_case | user_name | Python, Ruby, columnas de bases de datos |
SCREAMING_SNAKE_CASE | USER_NAME | Constantes, variables de entorno |
kebab-case | user-name | URLs, clases CSS, flags de shell |
Title Case | User Name | Títulos, etiquetas |
Sentence case | User name | Textos de UI, prosa |
Train-Case | User-Name | Cabeceras HTTP (X-Request-Id) |
dot.case | user.name | Claves de configuración, settings con namespace |
flatcase | username | Nombres de dominio, slugs de paquetes |
user profile photo
camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO
Las mismas palabras en cinco estilos. Coge el que encaje con el archivo que estás editando.
const accessTokenExpiresAt = ...;access_token_expires_at = ...La mayoría de los equipos mantiene un nombre canónico en su modelo de dominio y lo traduce solo en la frontera entre lenguajes o entre capas de la API.
10 Best Practices for REST APIs
10-best-practices-for-rest-apis
Un slug es kebab-case + minúsculas + solo caracteres seguros. Sirven a la vez como segmento de URL y como nombre de clase CSS.
userName y user_name conviviendo en el mismo módulo). Elige uno y haz que un linter lo aplique.XmlParser vs XMLParser). Decídelo una vez por proyecto y mantente firme.userName y username pueden ser la misma columna en PostgreSQL pero distintas en MySQL.accessTokenExpiresAt). Es el estilo dominante para variables y métodos en JavaScript y Java.access_token_expires_at). Es lo idiomático en Python, Ruby y en los nombres de columna de la mayoría de bases de datos relacionales.UserProfile) y camelCase no (userProfile). PascalCase suele reservarse para nombres de clase y componentes de React en la mayoría de ecosistemas.é → e) y elimina cualquier carácter que no sea una letra, un dígito o un guion. Casi todos los conversores incluyen un modo «slugify» que hace todo esto de una sola pasada.