Softonic

Generador de configuración de Prettier

Paso 1 / 2
Siguiente

Elige los valores de diez opciones habituales de Prettier y copia la configuración resultante. El generador produce JSON, YAML o un archivo JavaScript CommonJS; no examina el proyecto, no valida la configuración con Prettier ni añade plugins u overrides.

Cómo generar la configuración

  1. 1

    Configura el diseño

    Elige el ancho de línea, la tabulación, tabuladores o espacios, los puntos y coma y el estilo de comillas.

  2. 2

    Configura la sintaxis

    Elige las comas finales, espacios entre llaves, paréntesis de funciones flecha, finales de línea y comillas JSX.

  3. 3

    Elige el formato

    Genera .prettierrc.json, .prettierrc.yaml o un .prettierrc.js CommonJS con module.exports.

  4. 4

    Copia y comprueba

    Guarda el resultado en tu proyecto y ejecuta npx prettier --check . con la versión de Prettier instalada.

Opciones incluidas

Opción Valores disponibles
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true o false
singleQuote true o false
trailingComma none, es5 o all
arrowParens always o avoid
endOfLine lf, crlf, cr o auto

Los valores numéricos se limitan a esos intervalos. Los demás controles solo ofrecen los valores indicados. Son ajustes habituales, no todas las opciones que admite Prettier.

Formatos de salida

  • JSON produce un objeto apto para .prettierrc.json.
  • YAML produce pares de clave y valor para .prettierrc.yaml.
  • JavaScript envuelve el mismo objeto en module.exports = { ... }; para una configuración CommonJS .prettierrc.js.

Prettier admite otros nombres y formatos de módulo. Esta herramienta solo genera las tres salidas mostradas y no ejecuta Prettier; comprueba el archivo con la versión instalada en tu proyecto.

Tratamiento de datos

Los controles son campos del servidor, por lo que sus valores se envían al servidor al actualizar la página. En la vista de dos pasos también pueden aparecer en la URL. Una configuración de Prettier normalmente no contiene secretos, pero no introduzcas datos sensibles ni compartas una URL que los contenga.

Preguntas frecuentes

No. Genera las diez opciones del formulario. Añade manualmente otros ajustes compatibles después de consultar la documentación de tu versión.

No. Solo crea el texto de configuración. Guarda el archivo y ejecuta npx prettier --check . en tu proyecto.

No. El resultado es un único objeto plano; añade esos ajustes manualmente si los necesitas.

Es el formato CommonJS que genera la herramienta. Si tu proyecto espera módulos ES, adapta la exportación y el nombre del archivo.

Herramientas relacionadas

Referencia de la tabla ASCII

Tabla ASCII completa del 0 al 127 con decimal, hex, octal, binario y referencia numérica HTML para cada carácter, incluidos los códigos de control como NUL, LF y DEL.

Referencia de atajos de teclado

Busca los atajos predeterminados documentados de VS Code, Chrome y Bash con GNU Readline en macOS, Windows y Linux.

Generador de letras aleatorias

Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.

Referencia de caracteres HTML

Lista buscable de entidades HTML, sus códigos nombrados y numéricos, y una copia con un clic para caracteres y símbolos especiales.

Generador de Formularios CSS

Genera el CSS de un formulario completo con estilo: una cuadrícula de formulario, etiquetas, entradas, áreas de texto, selectores y estados de foco claros. Elige el color de acento, el radio de las esquinas y la separación, y copia el código.

Generador de EditorConfig

Genera un archivo .editorconfig con tu estilo y tamaño de indentación, fin de línea, charset y reglas de espacios para un formato consistente en IDEs y editores.

Herramienta disponible en otros idiomas