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?
Respostas:
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
"typescript.preferences.quoteStyle": "single"
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.
genGetSet.spacedImportLineTambém vale a pena apontar a configuração para que as novas linhas de importação pareçam em import { Router }....vez do padrãoimport {Router}...
Vá para "Arquivo> Preferências> Configurações" e adicione nas configurações do usuário:
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
// Preferred quote style to use for quick fixes: 'single' quotes, 'double' quotes, or 'auto' infer quote type from existing imports. Requires using TypeScript 2.9 or newer in the workspace.
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.
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.
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.
Unknown Configuration Setting