Command Palette

Search for a command to run...

JavaScript

Embellecedor de JavaScript

Ordena JavaScript con opciones de indentación, ajuste y espaciado.

Opciones de formato
Elige preferencias de indentación, ajuste de líneas y limpieza de espacios.

Elige espacios o tabs; selecciona sangría de 2, 4 u 8 espacios.

Ajusta líneas largas para legibilidad; usa preajustes o un ancho propio.

Recorta espacios iniciales inconsistentes manteniendo la estructura.

Dedesangra llaves de cierre e indenta tras llaves de apertura o cases.

Elimina espacios al final de línea antes de formatear.

Colapsa líneas en blanco repetidas hasta el máximo elegido.

máx seguidas

Prefiere saltos en comas o llaves al ajustar líneas largas.

Indenta más las líneas envueltas dentro de paréntesis o llaves.

Inserta espacios consistentes alrededor de operadores.

Entrada de código JavaScript
Pega o escribe fragmentos JS/TS para realinear indentación y saltos de línea.
Maneja llaves, template strings, comentarios y JSX sencillo.
Salida formateada
Revisa y copia el JavaScript embellecido.
Usa Seleccionar todo o Copiar para llevar el resultado a tu editor.

What

Definición de Embellecedor de JavaScript

Un formateador de JavaScript organiza código JS/TS en un diseño legible.

Cases

Casos de uso comunes

1

Formatear código minificado para depurar

2

Limpiar snippets antes de revisión

3

Estandarizar indentación y espaciado

How To

Cómo formatear JavaScript

Guía paso a paso para formatear JS/TS y mejorar legibilidad.

1

Pega código

Pega tu código JS/TS.

2

Elige opciones

Selecciona indentación y reglas.

3

Formatea y copia

Ejecuta y copia el resultado.

Knowledge

Entendiendo el Estilo de Código en JavaScript

Guías de Estilo de JavaScript
Las guías de estilo populares incluyen Airbnb, Google y StandardJS. Definen reglas para la sangría, puntos y coma, comillas, convenciones de nomenclatura y más. La consistencia importa más que el estilo específico que elijas.
El Debate del Punto y Coma
JavaScript tiene inserción automática de punto y coma (ASI). Algunos estilos omiten los puntos y coma (StandardJS), otros los requieren (Airbnb). Ambos funcionan: elige uno y sé consistente. Los formateadores como Prettier pueden aplicar tu elección.
Características de ES6+
El JavaScript moderno ofrece funciones de flecha (arrow functions), plantillas literales, desestructuración, operadores spread y más. Estas características a menudo hacen que el código sea más conciso y legible. Los formateadores manejan estas nuevas sintaxis.
Herramientas de Formateo
Prettier es el formateador más popular; toma todas las decisiones de estilo por ti. ESLint también puede formatear, pero se enfoca más en detectar errores. Muchos proyectos usan ambos: Prettier para formatear y ESLint para el análisis estático (linting).
Consideraciones de TypeScript
TypeScript añade anotaciones de tipo a JavaScript. Los formateadores preservan la sintaxis de tipos mientras formatean. El análisis estático consciente de los tipos (con typescript-eslint) puede detectar problemas de estilo relacionados con tipos y posibles errores.

FAQ

Preguntas frecuentes del embellecedor JS

¿Qué anchos de sangría se admiten?
Usa tabs o sangría de 2/4/8 espacios. La herramienta reindenta llaves y cases de switch si está activado.
¿Funciona con template strings o JSX?
Se conservan los template literals y JSX sencillo mantiene su espaciado; no analiza JSX complejo.
¿Cómo funciona el ajuste de línea?
Las líneas largas se parten en comas o espacios hasta el ancho elegido, añadiendo sangría de continuación.
¿Puedo quitar líneas en blanco extra?
Activa 'Limitar líneas en blanco' y establece cuántas consecutivas se permiten.
¿Cuál es el origen de JavaScript?
JavaScript fue creado por Brendan Eich en 1995 para Netscape Navigator y evolucionó hasta ser el lenguaje omnipresente de la web.
¿Qué tan popular es JavaScript ahora?
JavaScript suele encabezar los rankings de lenguajes y repositorios de GitHub gracias a su dominio web, Node.js y los frameworks frontend.
¿Dónde es más útil formatear JS?
Mantener consistentes componentes React/Vue, manejadores de API y librerías compartidas en distintos editores y pipelines de CI.
¿Algún consejo para mantener el estilo de código JS?
Adopta un formateador más reglas de lint, evita mezclar tabs y espacios y ejecuta el formateo antes de commits para prevenir divergencias entre equipos.

Utilidades dev Herramientas

Ver todo →
Formateador de Python

Formatea Python con controles de indentación, saltos de línea y espacios.

Vista previa de Markdown

Renderiza Markdown en tiempo real con una vista previa clara.

Formateador SQL

Indenta y ordena SQL complejo para que las consultas sean legibles.

Analizador de expresiones Cron

Valida cron y adelanta las próximas ejecuciones.