Citations doubles WebStorm / PhpStorm dans l'importation automatique de TypeScript

253

J'utilise le style TypeScript avec des guillemets simples, les guillemets doubles sont utilisés exclusivement dans les modèles HTML.

L'importation automatique WebStorm / PhpStorm ajoute des importinstructions avec des guillemets doubles et ruine le style. Je suppose que cela s'applique à tous les produits JetBrains.

Comment corriger ce comportement?

typescript intellij-idea phpstorm webstorm jetbrains-ide Fiole d'Estus
la source
Comme tout autre langage dans n'importe quel outil JetBrains, modifiez les paramètres de style de code dans vos préférences.
jonrsharpe
C'est vrai, je viens de le trouver, là où la réponse le suggère. Il n'y avait rien d'utile sur la recherche de «devis» dans les préférences.
Estus Flask

Réponses:

649

Ce comportement est contrôlé par l'option suivante:

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

À partir de la version 2017.1, il est sur un nouvel Punctuationonglet et les options sont nommées un peu différemment:

entrez la description de l'image ici

LazyOne
la source
1
Si vous avez commencé avec une ancienne version d'Intellij (<2017.1), vous devrez peut-être basculer les paramètres pour qu'elle s'applique réellement. Cela a été défini sur des guillemets simples, mais je voyais toujours des guillemets doubles. Cela a fonctionné après le passage aux guillemets doubles, l'application, le passage aux guillemets simples et enfin l'application à nouveau.
Kevin Li
7
L'onglet "Autre" est maintenant "Ponctuation" - depuis au moins Webstorm 2017.3.2
ggranum
1
@ggranum Oui, la capture d'écran et la note ("On 2017.1 ...") le montrent. Je suppose que je ferais mieux de le rendre audacieux / plus visible.
LazyOne
1
Si vous utilisez Vue.js avec typescript, vous devrez peut-être également appliquer ce paramètre pour JavaScript. Il semble que WebStorm n'applique pas les paramètres dactylographiés aux fichiers Vue, même s'ils sont définis comme lang=ts.
helios35
84

Aussi si vous souhaitez ajouter un espace automatique entre les accolades lors de l'ajout d'importations comme ceci

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

vous pouvez enregistrer l'onglet Spaces | Whithin | ES6 import/export braces

Leo
la source
6
Merci beaucoup! Je cherchais ça et ça me dérangeait énormément.
Ivan
43

Dans 2017-2019ce comment nous le faisons:

  1. Aller aux paramètres
  2. Tapez la Code stylerecherche
  3. Sélectionner Typescript
  4. Aller à la Punctuationsection
  5. Sélectionnez des singledevis

entrez la description de l'image ici

Kamil Witkowski
la source
10

L'onglet Ponctuation l'a fait. J'ai également supprimé le point-virgule à la fin mais maintenant TSLint le manque

Yoraco Gonzales
la source
2

Pour la version Intellij 2016.3, c'est sur Autre onglet> Code généré> Marques de citationentrez la description de l'image ici

VinPro
la source
1

Les premières choses doivent archiver votre fichier Tslint 

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

Il doit être Double plutôt que Simple car TSLint a échoué lors de la construction du projet.

Allez maintenant à votre réglage | Rédacteur | TypeScript | Ponctuation

Sélectionnez Unique dans la liste déroulante et Appliquer / Ok.

Maintenant, félicitations, votre IntellijIDEA est appliqué Double Quotes sur AutoImport.Pour référence

Yasir Shabbir Choudhary
la source