Código do Visual Studio - Ajustar configuração de cotação de importação

Ao trabalhar em TypeScript no Visual Studio Code, a sugestão de importação em um tipo (acionada por espaço + ponto) irá gerar uma importação usando aspas duplas.

Nosso linter TypeScript verifica se aspas simples são usadas sempre que possível.

Como você pode ver abaixo, a sugestão tem aspas duplas ("@angular / ...")

Como posso ajustar a configuração da importação?

No VSCode 1.10, isso (infelizmente) ainda não era possível. Mas é um problema para muitos dos usuários, pelo que parece. O tema VSCode está ciente desse problema e você pode acompanhá-lo para saber quando ele é implementado: https://github.com/Microsoft/TypeScript/issues/13270

Atualização de junho de 2018

Desde VSCode 1.24 (junho de 2018), existe uma opção para isso!

"typescript.preferences.quoteStyle": "single"

Para obter mais informações, consulte:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Você também pode definir a linha abaixo nas configurações de usuário do vscode para ajustar essa configuração.

"prettier.singleQuote": true

Corrigi isso usando a configuração do Editor , abra seu arquivo .editorconfig no diretório raiz do seu projeto (se você não tiver, crie esse arquivo) e adicione esta linha após o [*]

[*]
...
quote_type = single

No wiki você pode ver a lista completa de propriedades.

A partir do VS Code 1.21.1 você precisa editar

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

No Windows

/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

No Windows 10 (vscode versão 1.30. * (Configuração do usuário) posterior)

* C: \ Users \ <yourusername> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ typescript-basics \ snippets \ typescript.json

Na seção 'Importar módulo externo' desse arquivo, faça com que a propriedade da matriz do corpo seja o valor. "import { $0 } from '${1:module}';"A seção ficará assim:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Uma alternativa que oferece suporte a essa configuração é a caixa de ferramentas TypeScript .

É configurável por definição genGetSet.pathStringDelimiter, que já possui a importação de aspas simples como padrão.

Vá para "Arquivo> Preferências> Configurações" e adicione nas configurações do usuário:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

A partir do TypeScript 2.5, a primeira instrução de importação ou exportação no arquivo será verificada para determinar se aspas simples ou duplas são usadas ao usar sugestões de importação.

https://github.com/Microsoft/TypeScript/pull/17750

Você também pode configurar a linha abaixo nas configurações de usuário do vscode para permitir aspas simples na sequência.

Vá para Preferências> Configurações do usuário

"prettier.singleQuote": true

Isso permitirá aspas simples em String. Caso contrário, se você alterar manualmente todas as aspas duplas para aspas simples, isso reverterá ao salvar. Além disso, adicione

"tslint.autoFixOnSave": true

para corrigir automaticamente enquanto salva.

Isso já está implementado (conforme mencionado em outra resposta)! Mas provavelmente você ainda não está usando a versão mais recente do TypeScript.

A solução é simples:

Clique no número da versão do TypeScript (por exemplo 2.3.4) entre "TypeScript" e um pequeno rosto sorridente no canto inferior direito. Em seguida, mude para a versão integrada do Visual Studio Code (2.5.3 neste momento).

Depois disso, o código do Visual Studio inferirá o estilo de cotação de importação observando a primeira instrução de importação . Observe que um pequeno rótulo pop-up ainda exibirá aspas duplas de qualquer maneira.

Relatório de erro

Solicitação pull relevante :

Isso adiciona a capacidade de determinar se deve usar aspas simples ou duplas para novas importações adicionadas por meio de correções de código. Quando uma nova importação é adicionada, verificamos as declarações mais importantes do arquivo de origem em busca de declarações de importação ou exportação existentes com especificadores de módulo. Em seguida, usamos o estilo de citação do primeiro que encontrarmos. Se não houver importações existentes no arquivo, voltaremos a usar aspas duplas.

As soluções acima não funcionaram para mim

Portanto, aqui está o meu trabalho ao redor, se você usar vscode,: "tslint.autoFixOnSave"true em seu settings.jsonirá corrigir automaticamente essas cotações de importação quando você salvar o arquivo.