WebStorm / PhpStorm comillas dobles en la importación automática de TypeScript

234

Estoy usando el estilo TypeScript con comillas simples, las comillas dobles se usan exclusivamente en plantillas HTML.

La importación automática de WebStorm / PhpStorm agrega import declaraciones con comillas dobles y arruina el estilo. Supongo que esto se aplica a todos los productos JetBrains.

¿Cómo se puede solucionar este comportamiento?

— Estus Flask
fuente

Al igual que cualquier otro idioma en cualquier herramienta de JetBrains, modifique la configuración del estilo de código en sus preferencias.

— jonrsharpe

Eso es cierto, lo acabo de encontrar, donde sugiere la respuesta. No había nada útil en la búsqueda de 'cotización' en las preferencias.

— Estus Flas

595

Este comportamiento está controlado por la siguiente opción:

Settings/Preferences
Editor | Code Style | TypeScript
"Punctuation" tab | Generated code -> Quote marks

A partir de la versión 2017.1 está en una nueva Punctuationpestaña y las opciones se nombran de manera un poco diferente:

— LazyOne
fuente

1

Si comenzó con una versión anterior de Intellij (<2017.1), es posible que deba alternar la configuración para que realmente se aplique. Esto se configuró con comillas simples, pero todavía veía comillas dobles. Funcionó después de cambiar a comillas dobles, aplicar, cambiar a comillas simples y finalmente aplicar nuevamente.

— Kevin Li

77

La pestaña "Otro" ahora es "Puntuación" - al menos desde Webstorm 2017.3.2

— ggranum

1

@ggranum Sí, la captura de pantalla y la nota ("En 2017.1 ...") muestran exactamente eso. Supongo que mejor lo hago en negrita / más visible.

— LazyOne

1

Si utiliza Vue.js con mecanografiado, es posible que también deba aplicar esta configuración para JavaScript. Parece que WebStorm no aplica la configuración de mecanografiado a los archivos Vue, incluso si están configurados como lang=ts.

— helios35

78

Además, si desea agregar espacio automático entre llaves cuando agrega importaciones de esta manera

import { MyComponent } from './my.component';

puedes consultar la pestaña Spaces | Whithin | ES6 import/export braces

— León
fuente

55

¡Muchas gracias! Estaba buscando eso y me estaba molestando mucho.

— Ivan

37

En 2017-2019esto es cómo lo hacemos:

Ir a la configuración
Tipo Code style en la búsqueda
Seleccione Typescript
Ir Punctuation sección
Seleccionar singlecotizaciones

— Kamil Witkowski
fuente

10

La pestaña de puntuación lo hizo. También eliminé el punto y coma al final, pero ahora falta TSLint

— Yoraco Gonzales
fuente

2

Para la versión Intellij 2016.3 está en Otra pestaña> Código generado> Comillas

— VinPro
fuente

1

Primero, las cosas deben registrarse en su archivo Tslint

 "quotemark": [
  true,
  "Double"
],

Debería ser Doble en lugar de Individual porque Falló TSLint Pasado en la Construcción del Proyecto.

Ahora ve a tu configuración | Editor | TypeScript | Puntuación

Seleccione Individual en el menú desplegable y Aplicar / Ok.

Ahora felicidades su IntellijIDEA se aplicarán comillas dobles en AutoImport.

— Yasir Shabbir Choudhary
fuente