Aula 04
Como Sempre Mostrar Caracteres Invisíveis como Espaço e Tab no Visual Studio Code
Summary
# Aula de Visual Studio Code: Dica sobre Caracteres Invisíveis
Olá pessoal! Estamos de volta com mais uma aula de Visual Studio Code. Hoje, vou dar uma dica útil para identificar se você está utilizando tabulações ou espaços em um arquivo de texto.
## Importância da Dica
Essa dica é especialmente útil para programadores que desejam eliminar espaços redundantes ou garantir a indentação correta usando tabs ou espaços.
## Identificação de Tabs e Espaços
- Ao trabalhar com um arquivo, podemos ter dificuldades para identificar se os caracteres são tabs ou espaços em branco.
- Por padrão, ao selecionar espaços em uma linha, o Visual Studio Code mostra indicadores:
- Pontinhos indicam **espaços em branco**.
- Setas para a direita indicam **tabs**.
### Configuração para Mostrar Caracteres Invisíveis
Para visualizar sempre os caracteres invisíveis, siga os passos abaixo:
1. Vá para `File > Preferences > Settings`.
2. Na busca, digite `Render White Space`.
3. Altere a configuração de `Selection` para `All`.
Após fazer isso, os caracteres invisíveis serão exibidos continuamente, permitindo que você identifique a utilização de espaços e tabs sem precisar selecioná-los.
## Exemplo Prático
- Após a configuração, você poderá ver:
- **Pontinhos** para espaços em branco.
- **Setas** para tabs.
Isso facilita a correção de qualquer uso redundante de espaços, como aqueles em linhas em branco, o que é importante antes de adicionar arquivos ao controle de versão (como Git).
## Finalizando
Verifique também o arquivo `settings.json` para confirmar que a propriedade `editor.renderWhitespace` está definida como `all`.
E assim, você pode facilmente identificar e corrigir a utilização de espaços e tabs em seus códigos.
Até a próxima aula!
Video Transcript
Olá pessoal estamos de volta com mais uma aula de Visual Studio Code, uma dica para você aqui.
Essa dica vai para aqueles que querem saber se você está digitando, se você tem uma tab ou você tem um espaço no arquivo, no texto.
Isso é bem útil para o pessoal que trabalha com programação e quer eliminar espaços redundantes,
ou quer corretamente usar uma tab ou espaço para a indentação.
Estou aqui com um arquivo de texto que adicionei os caracteres de tab e de espaço em várias linhas aqui.
Por padrão aqui eu não sei se esses espaços da linha 1 são tab ou chia espaço em branco.
Eu não sei se a linha 5 é tab ou espaço em branco.
Bem, essa configuração padrão dessa novidade, dessa feature,
é que se você selecionar os espaços você pode identificar o que eles são.
Por exemplo, eu selecionei na linha 7 e esses pontinhos no meio,
pontinhos centralizados, significa espaço em branco, não é uma tab.
Vamos ver na linha 5 se eu selecionar.
Eu selecionei os espaços no começo da linha 5 e essa seta para a direita no começo dos espaços significa que eu usei a tecla tab.
Realmente tem um caracter de tab.
Na programação normalmente é o barra T contra o barra T.
Seria legal se a gente conseguisse ver sem ter que selecionar.
É muito útil quando você, por exemplo, você quer confirmar que a linha 4, por exemplo, não tenha nenhum caracter.
O menor de que eu adicionei espaço na linha 4 poderia ser que eu nem tinha notado isso.
Quando eu vou adicionar, por exemplo, esse arquivo no controle de versão,
normalmente a gente quer eliminar esses espaços das linhas em branco,
se não vai ocupar espaço em branco que não serve para nada.
A gente não, para a gente não significa nada,
mas o computador vai ver que tem espaço aqui ocupando espaço.
Não precisa para ter que deletar, mas eu não sabia, não dava para saber de cara.
Então vamos ver com essa configuração do video studio code para sempre mostrar os caracteres invisíveis sem a gente ter que selecionar.
Você vai em File, Preferences, Settings.
A opção se chama Render White Space.
Se você está na busca Render White Space, ele está no Text Editor aqui, Mostra.
Editor Render White Space.
Você note que o valor é Selection, que significa que você só dá para ver os caracteres invisíveis quando você selecionar os caracteres.
Então vamos mudar isso, a gente pode mudar para All, significa que ele sempre vai mostrar.
Se eu vou dar para All, vamos ver, vamos botar o nosso arquivo.
Note que agora apareceu os pontinhos, deixa eu aumentar aqui para ver se você vê melhor.
Na linha 1 apareceu 4 pontinhos centralizados, significação 4 de espaços em branco.
Na linha 2 eu note que tem uns espaços, eu não quero esse espaço,
senão eu deletaria ele antes de fazer o commit, por exemplo, em controle de versão, git.
Você note que na linha 3 está usando espaço, dois espaços.
Na linha 5 está usando tab, olha, combinou tab com espaço.
Normalmente tem pessoal que usa tab, tem pessoal que usa espaço.
Eu pessoalmente gosto de espaço, então eu poderia corrigir isso.
Não é tab, tem que ser espaço, dois espaços, por exemplo.
E na mesma linha 10 tem uma tab, porque tem a seta para a direita, no começo dos espaços.
Então o pontinho significa espaço em branco e a seta para a direita significa uma tab.
Tá bom pessoal, eu vou notar que cada espaço aparece um pontinho e dá para você identificar esses caracteres invisíveis.
Na linha 4 não precisaria desses caracteres, os trilhetes, porque é redundante, né?
A linha em branco não precisa ter, ocupar espaço em branco.
E assim por diante você corrigiria os seus espaços e tal e tal, né?
Tá bom pessoal, então deixa eu só mostrar o serange.json, disso aqui.
Seu digitar ControlShift P no Windows, no meu caso.
Preferences Open Serans.json, você note que a propriedade que você declarar no seu serange.json
é editor.renderwhitespace com valor all al.
Parece o zoom level que eu amentei o texto, tá?
Tá vendo que o zoom level esse negócio.
Tá bom pessoal, então por essa aula é só e até a próxima.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: