Virgolette doppie WebStorm / PhpStorm nell'importazione automatica TypeScript

234

Sto usando lo stile TypeScript con virgolette singole, le virgolette doppie vengono utilizzate esclusivamente nei modelli HTML.

L'importazione automatica di WebStorm / PhpStorm aggiunge importistruzioni con virgolette doppie e rovina lo stile. Immagino che questo vale per tutti i prodotti JetBrains.

Come può essere risolto questo comportamento?

— Pallone Estus
fonte

Come qualsiasi altra lingua in qualsiasi strumento JetBrains, modifica le impostazioni dello stile di codice nelle tue preferenze.

— jonrsharpe,

È vero, l'ho appena trovato, dove suggerisce la risposta. Non c'era nulla di utile sulla ricerca "preventivo" nelle preferenze.

— Estus Flask,

595

Questo comportamento è controllato dalla seguente opzione:

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

A partire dalla versione 2017.1 è nella nuova Punctuationscheda e le opzioni sono denominate in modo leggermente diverso:

— LazyOne
fonte

1

Se hai iniziato con una versione precedente di Intellij (<2017.1), potrebbe essere necessario attivare o disattivare le impostazioni. Questo era impostato su virgolette singole, ma continuavo a vedere doppie virgolette. Ha funzionato dopo essere passato a virgolette doppie, applicando, passando a virgolette singole e infine applicando nuovamente.

— Kevin Li,

7

La scheda "Altro" ora è "Punteggiatura" - almeno dal Webstorm 2017.3.2

— ggranum

1

@ggranum Sì, lo screenshot e la nota ("On 2017.1 ...") mostrano proprio questo. Immagino che sia meglio renderlo audace / più visibile.

— LazyOne

1

Se ti capita di usare Vue.js con typescript, potresti dover applicare questa impostazione anche per javascript. Sembra che WebStorm non applichi le impostazioni dattiloscritte ai file Vue, anche se sono impostate come lang=ts.

— helios35,

78

Inoltre, se si desidera aggiungere spazio automatico tra parentesi graffe quando si aggiungono importazioni in questo modo

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

è possibile effettuare il check-in tab Spaces | Whithin | ES6 import/export braces

— Leo
fonte

5

Molte grazie! Lo stavo cercando e mi dava molto fastidio.

— Ivan,

37

In 2017-2019questo è come lo facciamo:

Vai alle impostazioni
Digita la Code stylericerca
Selezionare Typescript
Vai alla Punctuationsezione
Seleziona le singlevirgolette

— Kamil Witkowski
fonte

10

La scheda Punteggiatura l'ha fatto. Ho anche rimosso il punto e virgola alla fine, ma ora manca a TSLint

— Yoraco Gonzales
fonte

2

Per la versione Intellij 2016.3 è su Altra scheda> Codice generato> Virgolette

— VinPro
fonte

1

1 Le cose devono controllare nel tuo file Tslint

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

Dovrebbe essere doppio anziché singolo perché TSLint non riuscito è stato passato su Build del progetto.

Ora vai alla tua impostazione | Editor | TypeScript | Punteggiatura

Seleziona Singolo dal menu a discesa e Applica / OK.

Ora complimenti a IntellijIDEA vengono applicate le virgolette doppie su AutoImport.

— Yasir Shabbir Choudhary
fonte