visual studio code - tutorial - VSCode simple a doble cita cambio automático

visual studio code tutorial español pdf

Question

Cuando ejecuto un comando de Format Document 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 electrónica-vue que requiere una sola cita.

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

¿Cómo personalizar vscode para evitar esto?

Answer 1

Bueno, como el tipo (@ user2982122) mencionado pero en lugar de Archivo, vaya a Código -> Preferencias -> Configuración, luego busque Cotización , seleccione Prettier y marque ambas casillas

Answer 2

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

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 vue.

Aquí, por ejemplo, he configurado a Vetur para que use el formateador vscode-typescript ya que usa comillas simples de forma predeterminada:

Answer 3

No tengo instalada una extensión prettier , pero después de leer la posible respuesta duplicada que agregué desde cero en la Configuración de usuario ( UserSetting.json , Ctrl +, atajo):

"prettier.singleQuote": true

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

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

Answer 4

Para los novatos como yo:

En 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 Quote En la lista filtrada que aparece a continuación, busque el ícono del engranaje y, a continuación, "Prettier". Haga clic en la casilla de verificación para habilitar "Prettier: Single Quote"