es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Por qué Visual Studio Code y Atom formatean de manera diferente con prettier?

Tengo ambas aplicaciones en mi Mac. Tengo un archivo “.prettierrc”. Hacer el formato lo hacen de manera diferente las dos IDE. ¿Por qué?

Si ejecuto prettier desde la consola, por ejemplo: “prettier –write .”, esto solo cambiará Atom, no Visual Studio Code. ¿Qué le pasa a VS Code?

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": false
}

No hay muchos cambios, pero las líneas largas son mantenidas por VS Code y se dividen en Atom / consola.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    De acuerdo a la información proporcionada, es posible que los dos IDE utilicen diferentes configuraciones predeterminadas para el formato. El archivo .prettierrc contiene la configuración de Prettier, que dicta las reglas de formato a aplicar al código. Por lo tanto, es posible que los IDE estén leyendo el archivo .prettierrc de manera diferente, lo que resulta en un formato diferente.

    En cuanto al problema con Visual Studio Code, es posible que la extensión de Prettier para VS Code no esté configurada correctamente para leer el archivo .prettierrc. También es posible que existan configuraciones de formato en conflicto en VS Code que anulen la configuración de Prettier.

    Vale la pena mencionar que ejecutar prettier desde la consola usando prettier --write . solo formateará los archivos en el directorio actual y sus subdirectorios. Por lo tanto, es posible que los archivos formateados por Prettier en VS Code no estén en el mismo directorio que los archivos formateados por Prettier en Atom o en la consola.

    En conclusión, las diferencias de formato entre Atom, VS Code y la consola pueden atribuirse a diferencias en la configuración predeterminada o en la configuración de Prettier. El problema con VS Code que no se formatea correctamente puede requerir una investigación adicional en la configuración y ajustes de la extensión de Prettier.

Comments are closed.