Aspas duplas WebStorm / PhpStorm na importação automática TypeScript

234

Estou usando o estilo TypeScript com aspas simples, aspas duplas são usadas exclusivamente em modelos HTML.

A importação automática de WebStorm / PhpStorm adiciona import instruções com aspas duplas e arruina o estilo. Eu acho que isso se aplica a todos os produtos JetBrains.

Como esse comportamento pode ser corrigido?

typescript intellij-idea phpstorm webstorm jetbrains-ide Estus Flask
fonte
Como qualquer outro idioma em qualquer ferramenta JetBrains, altere as configurações de estilo do código em suas preferências.
jonrsharpe
Isso é verdade, acabei de encontrar, onde a resposta sugere. Não havia nada útil na pesquisa por 'cotação' nas preferências.
Estus Flask

Respostas:

595

Esse comportamento é controlado pela seguinte opção:

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

A partir da versão 2017.1, ela está na nova Punctuationguia e as opções têm um nome um pouco diferente:

insira a descrição da imagem aqui

LazyOne
fonte
1
Se você iniciou uma versão mais antiga do Intellij (<2017.1), pode ser necessário alternar as configurações para que ele realmente se aplique. Isso foi definido como aspas simples, mas eu ainda estava vendo aspas duplas. Funcionou após alterar para aspas duplas, aplicar, alterar aspas simples e finalmente aplicar novamente.
Kevin Li
7
A guia "Outros" agora é "Pontuação" - pelo menos, durante a Webstorm 2017.3.2
ggranum 8/18
1
@ggranum Sim, a captura de tela e a nota ("Em 2017.1 ...") mostram exatamente isso. Acho melhor torná-lo em negrito / mais visível.
LazyOne
1
Se você usar o Vue.js com texto datilografado, talvez seja necessário aplicar essa configuração também ao javascript. Parece que o WebStorm não aplica configurações de texto datilografado aos arquivos Vue, mesmo que estejam definidos como lang=ts.
helios35
78

Além disso, se você desejar adicionar espaço automático entre chaves ao adicionar importações dessa forma

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

você pode fazer check-in Spaces | Whithin | ES6 import/export braces

Leo
fonte
5
Muito obrigado! Eu estava procurando por isso e isso estava me incomodando bastante.
Ivan
37

Em 2017-2019este é como nós o fazemos:

  1. Vá para as configurações
  2. Tipo Code style na pesquisa
  3. Selecione Typescript
  4. Vamos para Punctuation seção
  5. Selecionar singleaspas

insira a descrição da imagem aqui

Kamil Witkowski
fonte
10

A guia Pontuação fez isso. Também removi o ponto e vírgula no final, mas agora o TSLint está ausente

Yoraco Gonzales
fonte
2

Para a versão Intellij 2016.3, está na guia Outros> Código gerado> Marcas de cotaçãoinsira a descrição da imagem aqui

VinPro
fonte
1

Primeiro coisas precisam verificar no seu arquivo Tslint 

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

Ele deve ser Duplo, em vez de Único, porque o TSLint com Falha foi Passado na Construção do Projeto.

Agora vá para a sua configuração | Editor TypeScript | Pontuação

Selecione Único no menu suspenso e Aplicar / Ok.

Agora, parabéns, seu IntellijIDEA é aplicado a aspas duplas na importação automática.Para referência

Yasir Shabbir Choudhary
fonte