VSCode simples para aspas duplas substituição automática

Quando eu executo um Format Documentcomando em um arquivo Vue Component.vue, o VSCode substitui toda a string entre aspas simples por string entre aspas duplas.

No meu caso específico, essa regra entra em conflito com a configuração de elétron-vue lint que exige aspas simples.

Não tenho extensões mais bonitas instaladas (não prettier.singleQuotena minha configuração)

Como personalizar o VSCode para evitar isso?

Não tenho a prettierextensão instalada, mas depois de ler a possível resposta duplicada que adicionei do zero em minha configuração do usuário ( UserSetting.json, Ctrl +, atalho):

"prettier.singleQuote": true

Uma parte um aviso verde ( Unknown configuration setting) as aspas simples não são mais substituídas.

Suspeito que a extensão mais bonita não está visível, mas está embutida na extensão Vetur .

Bem, como o cara (@ user2982122) mencionado, mas em vez de Arquivo, vá para Código -> Preferências -> Configurações, procure por Citação , selecione Mais bonito e marque as duas caixas

Para projetos que usam .editorconfigarquivo por padrão. O formatador irá ignorar as regras nas configurações e usar as regras em .editorconfig, então você pode:

• Remova o .editorconfigarquivo e use as configurações do VSCode.
• Adicione quote_type = singleao .editorconfigarquivo em relação ao seu tipo de arquivo. Você também pode definir o quote_typevalor para doubleou auto.

Parece que é um bug aberto para este problema: Bug mais bonito

Nenhuma das soluções acima funcionou para mim. A única coisa que funcionou foi adicionar esta linha de código em package.json:

"prettier": {
    "singleQuote": true
  },

Na página de problemas de vuejs / vetur https://github.com/vuejs/vetur/issues/986# Esta solução funcionou para mim.

No settings.jsonarquivo VSCodes, adicione esta entrada

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

Solução correta:

Eu adiciono o arquivo .prettierrc.js no meu projeto raiz principal e escrevo

module.exports = {
    singleQuote: true
  };

considere .editorconfigsubstituir tudo, use:

[*]
quote_type = single

Para iniciantes como eu:

No menu da barra de navegação na parte superior: Selecione Arquivo -> Preferências -> Configurações. Na caixa de texto de pesquisa, digite Citação. Na lista filtrada que aparece abaixo, procure o ícone de engrenagem e, ao lado dele - "Mais bonito". Clique na caixa de seleção para habilitar "Mais bonito: aspas simples"

Conforme observado por @attdona, a extensão Vetur inclui mais bonita.

Embora você possa alterar as configurações mais bonitas, de acordo com a resposta aceita, você também pode alterar o formatador para regiões específicas de um componente vue.

Aqui, por exemplo, configurei Vetur para usar o formatador vscode-typescript, pois ele usa aspas simples por padrão:

Estou usando o texto digitado, para mim foi resolvido com a verificação da sinalização "integração Tslint" em configurações mais bonitas (nas preferências de vscode):

Experimente uma dessas soluções

1. No arquivo vscode settings.json, adicione esta entrada "prettier.singleQuote": true
2. No vscode, se você tiver um .editorconfigarquivo, adicione esta linha sob o símbolo raiz [*]quote_type = single
3. No vscode se você tiver um .prettierrcarquivo, adicione esta linha

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Eu tive o mesmo problema no vscode. Basta criar um arquivo .prettierrc em seu diretório raiz e adicionar o seguinte json. Para aspas simples, adicione:

{
  "singleQuote": true
}

Para aspas duplas, adicione:

  {
      "singleQuote": false
  }

Só havia solução que funcionou para mim: e apenas para Projetos Angular:

Basta acessar o arquivo ".editorconfig" do seu projeto e colar 'quote_type = single'. Espero que funcione para você também.

Eu adicionei o arquivo chamado .prettierrcna minha pasta do projeto. Conteúdo do arquivo:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Você pode usar isso em settings.json

"javascript.preferences.quoteStyle": "single"

Use esta extensão.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' no win / Linux) irá circular entre '"`

Para mim, posso verificar aspas simples no Prettier e também tslint.autoFixOnSave como verdadeiro

Instale uma extensão mais bonita e cole o código abaixo em seu settings.jsonarquivo VSCode

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

isso irá ignorar a configuração do arquivo .editorconfig.

Para JSX. usar:

{ "jsxSingleQuote": false }