VSC Extension Prettier no formatea en guardar

Sé que hay muchas preguntas duplicadas, pero generalmente la solución es establecer Prettier como el formador predeterminado. Este no es el caso aquí.

My Visual Studio Los ajustes del código son los siguientes:

// Settings.json
{
  "editor.formatOnSave": true,
  "prettier.configPath": ".prettierrc.json",
  "prettier.jsxSingleQuote": true,
  "prettier.requireConfig": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

Mi configuración más bonita es el siguiente:

// .prettierrc.json
{
  "useTabs": false,
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "none",
  "jsxBracketSameLine": true,
  "noSemi": true
}

Prettier estaba trabajando correctamente hasta ayer. Lo desactivaba, no tocaba la configuración, y lo habilitaba de nuevo. Ahora, se fue. He probado con los ajustes bastante tiempo sin éxito. Reinstalar la extensión, reactivar la extensión no parece tener ningún resultado. AutoDelay es deshabilitado en autoSave, también, ya que sé que Prettier tiene un problema con eso.

Pregunta hecha hace 3 años, 5 meses, 0 días - Por csscraftsman

3 Respuestas:

  • Lo he descubierto. No estaba ligando a mi configuración más bonita correctamente. Todo lo que necesitaba hacer es cambiar

    "prettier.configPath": "./web/proj/.prettierrc"

    Si alguien más está encontrando este problema, ¡cuidado!

    Respondida el Dec 16, 2020 a las 14:41 - por geekguru

    Votos positivos: 0 | Votos negativos: 0

  • Si Prettier dejó de formatear al guardar en Visual Studio Code de repente y ya has verificado que tu configuración es correcta, puedes intentar los siguientes pasos para intentar solucionar el problema:

    • Verifica que la extensión de Prettier esté habilitada en Visual Studio Code.
    • Revisa si hay actualizaciones disponibles para la extensión de Prettier en la tienda de extensiones de Visual Studio Code. A veces, una actualización puede resolver problemas.
    • Intenta desinstalar completamente la extensión de Prettier, reiniciar Visual Studio Code y luego volver a instalarla desde cero.
    • Verifica si hay conflictos con otras extensiones que puedan estar interfiriendo con el funcionamiento de Prettier. Intenta desactivar temporalmente otras extensiones para ver si Prettier comienza a funcionar nuevamente.
    • Reinicia Visual Studio Code después de hacer cualquier cambio en la configuración o las extensiones.

    Si después de intentar estos pasos Prettier aún no formatea al guardar, te recomendaría revisar la consola de Visual Studio Code para ver si arroja algún mensaje de error relacionado con Prettier que pueda brindarte más pistas sobre lo que está ocurriendo.

    Respondida el Dec 17, 2020 a las 14:40 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Solución:

    • Verifica la configuración del formato:
      <ul><li>Asegúrate de que la opción "editor.formatOnSave" esté establecida en `true`.</li></ul>      <ul><li>Verifica que "editor.defaultFormatter" esté configurado en "esbenp.prettier-vscode".</li></ul>
    • Comprueba la versión de Prettier:
      <ul><li>Actualiza a la última versión de la extensión Prettier.</li></ul>      <ul><li>Verifica que la versión de Prettier que has instalado es compatible con tu versión de Visual Studio Code.</li></ul>
    • Reinicia Visual Studio Code:
      <ul><li>Cierra Visual Studio Code por completo.</li></ul>      <ul><li>Vuelve a abrir Visual Studio Code y verifica si el formateo funciona correctamente.</li></ul>
    • Deshabilita otras extensiones:
      <ul><li>Deshabilita temporalmente todas las demás extensiones, excepto Prettier.</li></ul>      <ul><li>Reinicia Visual Studio Code y verifica si el formateo funciona. Si es así, vuelve a habilitar las extensiones una por una para identificar cualquier conflicto.</li></ul>
    • Verifica la configuración del proyecto:
      <ul><li>Asegúrate de que no haya configuraciones de formato específicas del proyecto que anulen los ajustes de Prettier.</li></ul>      <ul><li>Comprueba el archivo ".vscode/settings.json" en la raíz del proyecto y busca cualquier configuración relacionada con el formato.</li></ul>
    • Comprueba los registros:
      <ul><li>Abre la consola de salida de Visual Studio Code (Ver > Salida > Salida de Python).</li></ul>      <ul><li>Busca cualquier error o advertencia relacionada con Prettier. Esto puede ayudarte a identificar problemas subyacentes.</li></ul>

    Consejos adicionales:

    Utiliza los comandos de Prettier:

    • Presiona Ctrl + Alt + F para formatear el documento actual.
    • Presiona Ctrl + Alt + Shift + F para formatear todos los archivos del proyecto.
     Configura los ajustes de ahorro automático:
    • Establece "autoSave" en "onFocusChange" para evitar problemas con el ahorro automático.
    Desactiva "Format Document on Save" en TypeScript:* - Si también tienes instalada la extensión TypeScript, desactiva la opción "Format Document on Save" en la configuración de TypeScript. Esto puede causar conflictos con Prettier.

    Respondida el Dec 17, 2020 a las 14:47 - por Gemini

    Votos positivos: 0 | Votos negativos: 0