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

Respuestas:

595

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

  1. Settings/Preferences
  2. Editor | Code Style | TypeScript
  3. "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:

ingrese la descripción de la imagen aquí

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:

  1. Ir a la configuración
  2. Tipo Code style en la búsqueda
  3. Seleccione Typescript
  4. Ir Punctuation sección
  5. Seleccionar singlecotizaciones

ingrese la descripción de la imagen aquí

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> Comillasingrese la descripción de la imagen aquí

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.Para referencia

Yasir Shabbir Choudhary
fuente