VSCode reemplazo automático de comillas simples a dobles

Cuando ejecuto un Format Documentcomando en un archivo Vue Component.vue, VSCode reemplaza todas las cadenas entre comillas simples con cadenas entre comillas dobles.

En mi caso específico, esta regla entra en conflicto con la configuración de pelusa electron-vue que requiere una cita única.

No tengo instaladas extensiones más bonitas (no prettier.singleQuoteen mi configuración)

¿Cómo personalizar VSCode para evitar esto?

No tengo la prettierextensión instalada, pero después de leer la posible respuesta duplicada que agregué desde cero en mi Configuración de usuario ( UserSetting.json, Ctrl +, acceso directo):

"prettier.singleQuote": true

Una parte de una advertencia verde ( Unknown configuration setting) las comillas simples ya no se reemplazan.

Sospecho que la extensión más bonita no es visible pero está incrustada dentro de la extensión Vetur .

Bueno, como mencionó el chico (@ user2982122), pero en lugar de Archivo, vaya a Código -> Preferencias -> Configuración, luego busque Cotización , seleccione Más bonito y marque ambas casillas

Para proyectos que utilizan .editorconfigarchivo de forma predeterminada. El formateador ignorará las reglas en la configuración y usará las reglas en .editorconfig, luego puede:

• Elimine el .editorconfigarchivo y use la configuración de VSCode.
• Agregue quote_type = singleal .editorconfigarchivo con respecto a su tipo de archivo. También puede establecer un quote_typevalor en doubleo auto.

Parece que hay un error abierto para este problema: Prettier Bug

Ninguna de las soluciones anteriores funcionó para mí. Lo único que funcionó fue agregar esta línea de código en package.json:

"prettier": {
    "singleQuote": true
  },

Desde la página de problemas de vuejs / vetur https://github.com/vuejs/vetur/issues/986# Esta solución funcionó para mí.

En el settings.jsonarchivo VSCodes agregue esta entrada

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

por favor considere .editorconfigsobrescribir todo, use:

[*]
quote_type = single

Solución correcta:

Agrego el archivo .prettierrc.js en mi proyecto raíz principal y escribo

module.exports = {
    singleQuote: true
  };

Para novatos como yo:

Desde la barra de navegación del menú en la parte superior: seleccione Archivo -> Preferencias -> Configuración. En el cuadro de texto de búsqueda, escriba Cita. En la lista filtrada que aparece a continuación, busque el icono de engranaje y, al lado, "Más bonito". Haga clic en la casilla de verificación para habilitar "Más bonita: Cotización única"

Instale una extensión más bonita y pegue el código a continuación en su settings.jsonarchivo VSCode

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

esto ignorará la .editorconfigconfiguración de su archivo.

Como señaló @attdona, la extensión Vetur incluye más bonitas.

Si bien puede cambiar la configuración más bonita, según la respuesta aceptada, también puede cambiar el formateador para regiones específicas de un componente de vue.

Aquí, por ejemplo, configuré Vetur para usar el formateador vscode-typecript ya que usa comillas simples por defecto:

Estoy usando mecanografiado, para mí se resolvió al verificar la marca "Integración de Tslint" en configuraciones más bonitas (en las preferencias de vscode):

Tuve el mismo problema en vscode. Simplemente cree un archivo .prettierrc en su directorio raíz y agregue el siguiente archivo json. Para comillas simples, agregue:

{
  "singleQuote": true
}

Para comillas dobles, agregue:

  {
      "singleQuote": false
  }

Prueba una de estas soluciones

1. En el archivo vscode settings.json agregue esta entrada "prettier.singleQuote": true
2. En vscode si tiene un .editorconfigarchivo, agregue esta línea debajo del símbolo raíz [*]quote_type = single
3. En vscode si tiene un .prettierrcarchivo, agregue esta línea

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Solo hay una solución que funcionó para mí: y solo para proyectos angulares:

Simplemente ingrese al archivo ".editorconfig" de su proyecto y pegue 'quote_type = single'. Espero que también funcione para ti.

Agregué un archivo llamado .prettierrcen la carpeta de mi proyecto. Contenido del archivo:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Puede usar esto en settings.json

"javascript.preferences.quoteStyle": "single"

Utilice esta extensión.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' en win / Linux) alternará entre '"`

Para uso JSX:

{"jsxSingleQuote": false}

Me funciona para verificar comillas simples en Prettier y tslint.autoFixOnSave as true