Generador de configuración de Prettier

Generador de configuración de Prettier

Crea una configuración correcta de Prettier sin tener que buscar en los documentos. Elige cada opción de formateo desde una lista, añade sobrescrituras por lenguaje para Markdown, HTML, YAML y JSON, y exporta el resultado como .prettierrc.json, .prettierrc.yaml, un módulo ES, un módulo CommonJS o una clave lista para pegar "prettier" para package.json. Se genera una plantilla coincidente junto con ella para que tu repositorio esté listo para formatear en el primer commit. .prettierignore . Una opción adecuada para el archivo más simple de compartir, YAML para edición amigable para humanos, un módulo JS cuando necesitas lógica condicional, o la clave de package.json cuando quieres tener un archivo menos en el repositorio.

Cómo Usar

1. Elige un formato de salida opciones principales
2. Configura el : anchura de línea, anchura de pestaña, puntos y comas, estilo de comillas, comas al final, espaciado de corchetes, paréntesis de funciones de flecha y estilo de final de línea.Ajusta la
3. sección JSX si tu códigobase utiliza React, y la sección Markdown & HTML para el manejo de formato de texto y espacios en blanco. Activa cualquier
4. sobrescritura por lenguaje para aplicar reglas diferentes a tipos específicos de archivos — por ejemplo, una anchura mayor para JSON o una línea por atributo para HTML. en la configuración generada. Colócala en la raíz de tu proyecto y ejecuta printWidth Cada opción oficial de Prettier
5. Haz clic en Copiar o Descargar — printWidth, tabWidth, useTabs, semi, singleQuote, quoteProps, jsxSingleQuote, trailingComma, bracketSpacing, bracketSameLine, arrowParens, endOfLine, proseWrap, htmlWhitespaceSensitivity, singleAttributePerLine. npx prettier --write ..

Características

• Cinco formatos de salida — JSON, YAML, ESM (.mjs), CommonJS (.cjs) y un fragmento de package.json.
• Bloques de sobrescritura por lenguaje para Markdown, HTML, YAML y JSON con valores predeterminados sensatos que puedes copiar directamente o modificar.
• Plantilla generada automáticamente que cubre la salida de compilación, dependencias, archivos de bloqueo, activos minimizados y carpetas comunes de caché de marcos.
• Annotación JSDoc .prettierignore sobre los módulos JS para que los editores se active con autocompletado y verificación de tipos.
• — cada cambio actualiza la salida inmediatamente, así que puedes comparar combinaciones de opciones A/B en segundos. @type Generador de configuración de Prettier 2 en los outputs de módulos de JS para que los editores se iluminen con autocompletado y verificación de tipos.
• Previsualización en tiempo real — cada cambio actualiza el output inmediatamente, así que puedes comparar en segundos combinaciones de opciones en A/B.