web-dev-qa-db-fra.com

Guillemets WebStorm / PhpStorm dans l'importation automatique TypeScript

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 instructions import avec des guillemets doubles et ruine le style. Je suppose que cela s'applique à tous les produits JetBrains.

Comment ce comportement peut-il être corrigé?

179
Estus Flask

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, le nouvel onglet Punctuation et les options sont nommés un peu différemment:

enter image description here

457
LazyOne

Aussi, si vous souhaitez ajouter un espace automatique entre les accolades lors de l’ajout d’importations,

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

vous pouvez vérifier dans l'onglet Spaces | Whithin | ES6 import/export braces

67
Leo

Dans 2017-2019, voici comment nous procédons:

  1. Aller aux paramètres
  2. Tapez Code style à la recherche
  3. Sélectionnez TypeScript
  4. Aller à la section Punctuation
  5. Sélectionnez single quotes

enter image description here

25
yami

La ponctuation l'a fait. J'ai également supprimé le point-virgule à la fin, mais maintenant, TSLint manque

10
Yoraco Gonzales

1st Things doit vérifier dans votre fichier Tslint

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

Il doit être double plutôt que unique car il a échoué. TSLint a été transmis à la construction du projet.

Maintenant, allez à votre réglage | Éditeur | TypeScript | Ponctuation

Sélectionnez Single dans la liste déroulante et Apply/Ok it.

Maintenant, Félicitations, vos IntellijIDEA sont appliquées. Double Quotes on AutoImport . For reference

2

Pour Intellij 2016.3, cela se trouve sous Autre onglet> Code généré> Marques de guillemet enter image description here

2
VinPro