É possível mostrar caracteres de espaço em branco, como o caractere de espaço, no Código do Visual Studio?

Parece não haver uma opção para isso no settings.json(embora seja uma opção no Atom.io ), e não pude exibir caracteres de espaço em branco usando CSS.

Código VS 1.6.0 e superior

Como mencionado por aloisdg abaixo , editor.renderWhitespaceé agora um enum tomar qualquer none, boundaryou all. Para visualizar todos os espaços em branco:

"editor.renderWhitespace": "all", 

Antes do VS Code 1.6.0

Antes da 1.6.0, era necessário definir editor.renderWhitespacepara true:

"editor.renderWhitespace": true

Isso também pode ser feito através do menu principal View -> Render Whitespace

ATUALIZAÇÃO (junho de 2019)

Para aqueles que desejam alternar caracteres de espaço em branco usando um atalho de teclado, é possível adicionar facilmente uma combinação de teclas .

Nas versões mais recentes do Visual Studio Code, agora existe uma interface gráfica amigável (ou seja, não é necessário digitar dados JSON etc.) para visualizar e editar todos os atalhos de teclado disponíveis. Ainda está sob

Arquivo> Preferências> Atalhos do teclado (ou use Ctrl+ K Ctrl+ S)

Há também um campo de pesquisa para ajudar a encontrar (e filtrar) rapidamente as combinações de teclas desejadas. Portanto, agora, adicionar e editar novas combinações de teclas existentes é muito mais fácil:

A alternância de caracteres de espaço em branco não possui ligação de teclas padrão; portanto, fique à vontade para adicionar uma. Basta pressionar o +sinal no lado esquerdo da linha relacionada (ou pressione Enterou clique duas vezes em qualquer lugar nessa linha) e digite a combinação desejada na janela pop-up.

E se a combinação de teclas escolhida já estiver sendo usada para outras ações, haverá um aviso conveniente no qual você poderá clicar e observar quais ações já usam a combinação de teclas escolhida:

Como você pode ver, tudo é muito intuitivo e conveniente.
Bom trabalho, Microsoft!

Resposta original (antiga)

Para aqueles que desejam alternar caracteres de espaço em branco usando um atalho de teclado , você pode adicionar uma ligação personalizada ao arquivo keybindings.json ( Arquivo> Preferências> Atalhos de Teclado ).

Exemplo :

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+i",
        "command": "editor.action.toggleRenderWhitespace"
    }
]

Aqui designei uma combinação de Ctrl+ Shift+ ipara alternar caracteres invisíveis; é claro que você pode escolher outra combinação.

Mostrar caracteres de espaço em branco no código do Visual Studio

altere o setting.json, adicionando os seguintes códigos!

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

bem assim!
(PS: não existe uma opção "verdadeira" !, mesmo ela também funciona.)

Apenas para demonstrar as mudanças que editor.renderWhitespace : none||boundary||allvai fazer para o seu VSCode eu adicionei neste screenshot:
.

Onde Tabestão →e Spaceestão.

Não é booleanmais um . Eles mudaram para um enum. Agora podemos escolher entre: none, boundary, e all.

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Você pode ver o diff original no GitHub .

* Atualização da versão de fevereiro de 2020 *, consulte https://github.com/microsoft/vscode/issues/90386

Na v1.43, o valor padrão será alterado paraselection de nonecomo estava na v1.42.

"editor.renderWhitespace": "selection"  // default in v1.43

Atualização para a v1.37: adicionando a opção de renderizar espaços em branco apenas no texto selecionado. Consulte as notas de versão v1.37, renderize espaços em branco .

A editor.renderWhitespaceconfiguração agora suporta uma selectionopção. Com esta opção definida, o espaço em branco será mostrado apenas no texto selecionado:

"editor.renderWhitespace": "selection"

e

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

Para que o diff exiba o espaço em branco da mesma forma que git diffdefina diffEditor.ignoreTrimWhitespacecomo false. edit.renderWhitespaceé apenas marginalmente útil.

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

Para atualizar as configurações, vá para

Arquivo> Preferências> Configurações do Usuário

Nota para usuários de Mac: O menu Preferências está em Código, não em Arquivo. Por exemplo, Código> Preferências> Configurações do usuário.

Isso abre um arquivo intitulado "Configurações padrão". Expanda a área //Editor. Agora você pode ver onde todas essas editor.*configurações misteriosas estão localizadas. Procure (CTRL + F) por renderWhitespace. Na minha caixa eu tenho:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Para aumentar a confusão, a janela esquerda "Configurações padrão" não é editável. Você precisa substituí-los usando a janela direita intitulada "settings.json". Você pode copiar as configurações de colagem de "Configurações padrão" para "settings.json":

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

Acabei desligando renderWhitespace.

A opção para tornar o espaço em branco visível agora aparece como uma opção no menu Exibir, como "Alternar espaço em branco na renderização" na versão 1.15.1 do Visual Studio Code.

Aperte o botão F1 e digite "Toggle Render Whitespace" ou as partes dele que você se lembra :)

Eu uso o vscode versão 1.22.2, portanto, esse poderia ser um recurso que não existia em 2015.

1. Abra as preferências do usuário. Atalho do teclado: CTR + SHIFT + P-> Preferências: Abrir configurações do usuário;

2. Insira no campo de pesquisa espaço em branco e selecione todos os parâmetros