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?

— 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

595

Esse comportamento é controlado pela seguinte opção:

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

— 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:

Vá para as configurações
Tipo Code style na pesquisa
Selecione Typescript
Vamos para Punctuation seção
Selecionar singleaspas

— 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ção

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

— Yasir Shabbir Choudhary
fonte