Como ativar e desativar a quebra de linha no Visual Studio Code?

481

Ao usar arquivos de código, normalmente você não precisa de linhas mais longas para contornar. No entanto, com .mdarquivos isso é de fato bastante útil. No entanto, não consigo encontrar a opção para ativar a quebra de linha, de modo que linhas mais longas sejam quebradas.

Para reproduzir, abra o Visual Studio Code redimensionado para uma janela pequena o suficiente e digite o seguinte texto em um novo documento:

This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum. This is my test lorem ipsum.
A linebreak before this. 

O efeito é este:

Exemplo de quebra de linha ausente

Estou tentando fazer com que a barra de rolagem horizontal fique afastada, com a linha 1 sendo enrolada no lado direito da janela.

Fiz algumas coisas para responder à minha própria pergunta:

  • Estouro de Pilha de Pesquisa : zero resultado no momento em que foi escrito;
  • Passando meticulosamente pelo menu do Visual Studio Code: não o encontrei;
  • Usando a Paleta de Comandos com "quebra automática": não fornece comandos correspondentes.

Talvez não seja possível, e eu precisaria registrar uma solicitação de recurso? Ou eu estou esquecendo de alguma coisa?

Observe que eu gostaria de poder ativá-lo e desativá-lo rapidamente. Por um lado, o @PanagiotisKanavos mencionou nos comentários esta solução para alterar o comportamento de quebra automática nas configurações, mas estou procurando um comando rápido ou uma opção de menu para fazer isso (assim como o Notepad ++ e o Sublime Text 2).

Jeroen
fonte
Eu acho que isso foi adicionado no código VS 0.3. Verifique a lista de novos recursos para o controle de embrulho
Panagiotis Kanavos
2
Esta pergunta de outro site do StackExchange mostra que você pode simplesmente adicionar "editor.wrappingColumn": 0suas configurações de usuário
Panagiotis Kanavos
1
@PanagiotisKanavos Obrigado pela sugestão. Isso seria uma solução alternativa, porque a quebra de linha é normalmente algo que eu quero ativar / desativar rapidamente. Atualizei minha pergunta de acordo. Ainda pode ser útil transformar seu comentário em uma resposta, para outras pessoas que chegam aqui que podem estar bem com essa solução alternativa.
Jeroen
2
Agora é "editor.wordWrap": true
DogCoffee 9/17/17
2
Você verá que as teclas Home e End não funcionam como esperado quando a quebra de linha está ativada. Por favor vote no relatório de bug em github.com/Microsoft/vscode/issues/1424 "Pressionar a tecla Encerrar duas vezes deve passar para o final da linha"
Coronel Panic

Respostas:

794

Desde a v1.0, você pode alternar a quebra de linha:

  • com o novo comando editor.action.toggleWordWrap , ou
  • no menu Exibir (* Exibir ** → Alternar quebra automática de linha ) ou
  • usando o atalho de teclado ALT+ Z(para Mac: + Z).

Também pode ser controlado com as seguintes configurações:

  • editor.wordWrap
  • editor.wordWrapColumn
  • editor.wrappingIndent

Problemas conhecidos:

  1. O renderLineHighlight deve destacar toda a linha lógica

Se você deseja corrigir esses erros, vote neles.

Benjamin Pasero
fonte
Concordo plenamente que isso deve ser uma coisa que podemos ativar / desativar manualmente, por janela. No momento, estou analisando um arquivo .txt com várias entradas de log e a ativação da quebra de linha torna difícil a leitura. Normalmente, eu não me importo, mas, neste caso, gostaria que fosse desativado.
Basta implementá-lo como está atualmente no Sublime. Perfeito!
Juri
2
@ Benjamin, que tal 'quebrar na janela'? Isso é algo que eu pessoalmente uso muito em certos arquivos de código (como o MarkDown, como ele disse). Pessoalmente, eu adoraria ver três opções acessadas rapidamente: Desativado (Sem quebra), Janela (envolve em extensões visíveis) e Coluna especificada (que captaria o valor nas preferências). Em seguida, poderá atribuir atalhos de teclado para ativar entre os três.
Mark-Donohoe
Esta não é uma solução aceitável se você precisar definir "editor.wrappingColumn": -1por padrão. O caso de uso é: Eu trabalho muito com arquivos de código. Somente em alguns casos (arquivos * .md) devo alternar a quebra de linha, mas não posso!
Marcel
2
Para isso você pode alavancar nossas configurações específicas de linguagem introduzido em 1.9 (ver code.visualstudio.com/updates/v1_9#_settings )
Benjamin Pasero
61

Vá para o menu ArquivoPreferênciasConfigurações do usuário .

Ele abrirá as configurações padrão e settings.jsonautomaticamente. Basta adicionar o seguinte no settings.jsonarquivo e salvá-lo. Isso substituirá as configurações padrão.

// Place your settings in this file to overwrite the default settings
{ "editor.wrappingColumn": 0 }

Captura de tela das configurações sendo editadas.

Radha Satam
fonte
13
com a versão mais recente, "editor.wordWrap": "on" está definido acima e não funcionará.
Nitish 21/03
1
Sim, essa configuração foi alterada no VSCode 1.10. Aqui está a documentação: code.visualstudio.com/updates/…
Matt Bierner
33

Desde a versão 0.3.0 , o empacotamento foi colocado na paleta de comandos. Você pode ativá-lo com Alternar quebra de linha ou Alt+ Z.

Haroen Viaene
fonte
31

wrappingColumnfoi descontinuado em favor de wordWrap.

Adicione esta linha ao settings.json para ativar o wordWrap por padrão:

"editor.wordWrap": "on" 

ou abra as configurações do usuário:

Mac: +,

Windows: Ctrl+,

Em seguida, pesquise "wordWrap" ou navegue pelas configurações de 'Comumente usado' para encontrá-lo e selecione 'ligado'

insira a descrição da imagem aqui

Pixelomo
fonte
2
Obrigado pela adição, mas a resposta principal e essa outra resposta anterior também não mencionam exatamente isso?
Jeroen
não exatamente, eles fazem referência wordWrap mas eu pensei que a minha disso seria útil para quem procura um simples pedaço de código para simplesmente copiar e colar
Pixelomo
18

Desde 1.9 , é possível selecionar um idioma específico para as configurações de quebra de linha (ou qualquer outra configuração). Você pode encontrar isso na paleta de comandos em:

Preferências: Definir configurações específicas do idioma ...

O que levará você ao seu "settings.json" para um idioma selecionado, onde você poderá incluir:

"[markdown]": {
  "editor.wordWrapColumn": 100,
  "editor.wordWrap": "wordWrapColumn"
},
robstarbuck
fonte
Como você consegue "Definir configurações específicas do idioma" ?
Peter Mortensen
Uma rota é no menu View => Command Palette...Você pode digitar "Definir configurações específicas do idioma ..." (ou apenas "Lang set"). A paleta de comandos é realmente uma boa maneira de encontrar algo no vscode, vale a pena aprender o atalho.
robstarbuck 23/01
17

Confira esta captura de tela ( Toogle Word Wrap ):

Digite a descrição da imagem aqui

Nish
fonte
Agora a resposta está correta, mas duplica as informações da resposta superior . Thx por dedicar um tempo para ajudar os outros, mas provavelmente há outras perguntas em que novas respostas são mais necessárias.
Jeroen
1
@ Jeroen Sim, mas será ótimo, se as respostas também puderem ser apreciadas. Eu posso ver nesta pergunta em si, até duplicatas foram votadas.
Nish
9

Não tenho certeza de quando foi adicionado, mas estou usando a v0.10.8 e Alt+ Zé o atalho de teclado para ativar e desativar a quebra de linha. Isso satisfaz o requisito de " poder ligar e desligar rapidamente ".

A configuração não persiste após fechar o Visual Studio Code. Para persistir, você precisa configurá-lo através da resposta de Radha ao usar o settings.jsonarquivo ...

// Place your settings in this file to overwrite the default settings
{ "editor.wrappingColumn": 0 }
Hoss
fonte
5
Eu tive que usar {"editor.wrappingColumn": -1} para torná-lo o padrão.
djabraham
1
editor.wrappingColumnfoi descontinuado, use em editor.wordWrapvez disso.
Aryo
6

Vá para a guia Preferências (menu ArquivoConfigurações ) e pesquise como “quebra de linha”. A seguinte imagem animada também é útil.

Digite a descrição da imagem aqui

snr
fonte
5

Redesign das configurações de quebra de linha

Aqui estão as novas opções de quebra de linha:

editor.wordWrap: "off" - Lines will never wrap.
editor.wordWrap: "on" - Lines will wrap at viewport width.
editor.wordWrap: "wordWrapColumn" - Lines will wrap at the value of editor.wordWrapColumn.
editor.wordWrap: "bounded" 

As linhas serão quebradas no mínimo da largura da janela de visualização e no valor de editor.wordWrapColumn.

anúncio digital
fonte
Thx pela resposta. Mas essa informação também já estava na resposta mais votada. Eu sugiro adicionar os pequenos trechos de explicação para as novas opções a essa resposta como uma edição.
Jeroen
Estava procurando alguma clareza sobre o significado das diferentes opções. Eu brinquei com os valores e estava basicamente entre boundende on, no final, decidi continuar oncomo se você tivesse mais espaço em sua janela, ela não quebrará, enquanto boundedquebra editor.wordWrapColumn(o padrão é 80) mesmo que haja mais espaço na janela Então, para mim, pessoalmente, ono mais sensato, mas é pessoal, é claro. Espero que ajude :)
Aldo 'xoen' Giambelluca
3
  • Windows: Ctrl + Shift+ pressione a tecla "P". Agora, na linha de comando, digite Alternar quebra automática de linha e pressione Enter.
  • Mac: Command + Shift+ pressione a tecla "P". Agora, na linha de comando, digite Alternar quebra automática de linha e pressione Enter.
Bahman.A
fonte
1
  • Mac: Código -> Preferências -> Configurações -> Digite wordwrap em Configurações de pesquisa -> Alterar editor: Quebra automática de texto de desativado para ativado .

  • Windows: Arquivo -> Preferências -> Configurações -> Digite wordwrap em Configurações de pesquisa -> Alterar editor: Mudança de linha de desativado para ativado .

Daniel Danielecki
fonte
1

Isso é dos documentos do Código VS em maio de 2020:

Aqui estão as novas opções de quebra de linha:

editor.wordWrap: "off" - Lines will never wrap.
editor.wordWrap: "on" - Lines will wrap at viewport width.
editor.wordWrap: "wordWrapColumn" - Lines will wrap at the value of editor.wordWrapColumn.
editor.wordWrap: "bounded" - Lines will wrap at the minimum of viewport width and the value of editor.wordWrapColumn.

Por exemplo, se você deseja que as linhas sejam quebradas nos limites da janela, você deve:

  1. Abrir settings.json(pressione CTRL + SHIFT + P e digite "settings.json")

  2. Coloque "editor.wordWrap": "bounded"no arquivo json, assim:

    {

    ...,

    "editor.wordWrap": "limitado",

    ...,

    }

e então deve funcionar.

Tim Skov Jacobsen
fonte
-1

Se você deseja uma solução permanente para linhas de quebra de linha, vá para o menu ArquivoPreferênciasConfigurações e altere editor.wordWrap: "on". Isso se aplica sempre.

No entanto, geralmente mudamos nossa preferência para verificar o código. Então, eu uso a tecla Alt+ Zpara quebrar o código escrito de um arquivo ou você pode ir para o menu ExibirAlternar quebra automática de linha . Isso se aplica sempre que você não quer sempre. E novamente Alt+ Zpara desfazer a quebra de palavras (mostrará a linha completa em uma linha).

Abhishek
fonte
Consegues consertar isso?
Peter Mortensen
-3

Se você deseja usar a quebra de linha de texto no editor de código do Visual Studio, pressione o botão Alt+ Zpara quebra de linha de texto. Sua quebra de linha é alternada entre quebra de texto ou desembrulhar.

Avinash Dewangan
fonte
1
Isso é coberto pela votação mais alta, resposta aceita.
Taegyung 03/11/19