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?

— Fiole d'Estus
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

649

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

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

— LazyOne
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
source

6

Merci beaucoup! Je cherchais ça et ça me dérangeait énormément.

— Ivan

43

Dans 2017-2019ce comment nous le faisons:

Aller aux paramètres
Tapez la Code stylerecherche
Sélectionner Typescript
Aller à la Punctuationsection
Sélectionnez des singledevis

— Kamil Witkowski
source

10

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

— Yoraco Gonzales
source

2

Pour la version Intellij 2016.3, c'est sur Autre onglet> Code généré> Marques de citation

— VinPro
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.

— Yasir Shabbir Choudhary
source