Dicas do Editor Atom

0019 Dicas do Editor Atom

Siga as seguintes instruções para mudar o idioma do editor de texto Atom para o português.

Abra o painél de configurações. Para chegar lá, clique `File` -> `Preferences...`. Dependendo da sua versão do Atom, o nome alternativo para Preferences é `Settings`. Pelo teclado, a hotkey é Ctrl+, (Control seguido de vírgula) no Windows; CMD+, no macOS.

![Menu de Arquivo do Atom, uma das escolhas sendo Settings](/images/courses/0019/lessons/01/0019_01_01.png)

O painél de configurações tem várias abas. Clique `+ Install`. Na caixa de busca, digite `atom-i18n`. Encontre o pacote `atom-18n` na lista de resultados e clique Install para instalá-lo. Para os curiosos, i18n é uma sigla para internationalization: internacionalização, o número 18 sendo o número de caracteres entre a letra i no começo da palavra e a letra n no final da palavra.

![Aba de Install do Atom que mostra o pacote atom-i18n incluído nos resultados da busca](/images/courses/0019/lessons/01/0019_01_02.png)

Depois da instalação, abra as configurações do pacote `atom-i18n`. Basta clicar em qualquer local não textual na área do retângulo que contém as informações do pacote. Outra maneira é clicar o botão Settings se existir na sua versão do Atom. Note que uma lista de pacotes instalados também pode ser vista da aba `Packages`.

![Aba de Install do Atom que mostra o pacote atom-i18n depois de ser instalado](/images/courses/0019/lessons/01/0019_01_03.png)

Na página de configurações do pacote `atom-i18n`, encontre a seção de Language, onde por padrão a escolha é `English (en)`. Clique e escolha a opção `Português(Brazil) (pt-br)`. O Atom mostrará uma popup que pede para reiniciar o editor para mudar o idioma. Clique `Reload` para reiniciar.

![Escolha de Português do Brasil como a opção de Language nas configurações do pacote atom-i18n](/images/courses/0019/lessons/01/0019_01_04.png)

Depois de reiniciar, o editor Atom aparecerá com o seu texto — em particular o dos menus — traduzido para português.

Como Mudar o Idioma do Editor de Texto Atom para Português

# Mudando o Idioma do Atom para Português

Neste vídeo, iremos aprender como mudar o idioma do editor de texto Atom para português. A versão utilizada é a 1.41.0, que por padrão está em inglês.

## Passos para Mudar o Idioma

1. **Acesse as Preferências**: Clique nas preferências do Atom.
2. **Instale o Pacote**:
   - Clique em "Instalar" (Install).
   - Busque pelo pacote `atom-i18n`, que significa internacionalização ou localização.
   - Clique para instalar o pacote.
3. **Selecione o Idioma**:
   - Acesse as opções do pacote `i18n` e localize a seção de linguagem.
   - Selecione o idioma desejado, neste caso, "Português (Brasil) PT-BR".
4. **Reinicie o Atom**: O editor solicitará uma reinicialização para aplicar as mudanças. Realize o reload.

Após reiniciar, o Atom estará em português, e todos os menus serão exibidos nesse idioma.

## Considerações Finais

Esse é o processo simples para mudar o idioma do seu editor Atom para português. Até a próxima!

Olá pessoal, esse vídeo vai ser sobre como você mudar o idioma do seu editor de texto
Atom para português.
Eu tenho aqui meu editor de texto Atom, versão 1.41.0 e está em inglês, que é o linguagem
padrão.
Agora, para mudar a linguagem do Atom para português, nós precisamos instalar um pacote
do Atom.
Então, para poder fazer isso, vai lá, clica lá nas preferências, clica Instalar, Install
e busca pelo pacote Atom, Ifem e 18n.
E18n significa Internationalization ou normalmente Internacionalização ou Localização.
Aí tem esse pacote, você instala, clica para instalar, Install, eu já instalei.
Depois disso, você vai nas opções, do Atom 18n, acho que aqui para baixo, onde
tiver language, linguagem, você clica aqui e seleciona a linguagem, você quiser, no
nosso caso português, Brasil PTBR.
Depois disso, vai pedir para reiniciar o Atom para poder aplicar a mudança.
Então, vou dar o reload.
O Atom reiniciou e agora está em português, está instalar o pacote, os menus estão em
português.
Então, por essa é só e até a próxima.


0019-01 Como Mudar o Idioma do Editor de Texto Atom para Português

Como Resetar as Configurações e Pacotes do Editor de Texto Atom

# Resumo: Redefinindo Configurações do Editor de Texto Atom

## Passos para Redefinir Configurações para o Padrão de Fábrica

1. **Abrir Configurações**:
   - Inicie o editor de texto Atom.
   - Vá em `File` > `Settings` (Arquivo > Configurações).
   
2. **Acessar a Pasta de Configurações**:
   - No final das configurações, clique em `Open Config Folder` (Abrir a pasta de configuração).
   - O diretório da pasta de configurações geralmente se localiza em `~/.atom`.

3. **Modificar o Arquivo de Configurações**:
   - O arquivo relevante para as configurações é `config.cson`.
   - Se você desejar resetar as configurações, é recomendável **renomear** este arquivo, em vez de deletá-lo, para não perder configurações que possam ser úteis depois.

4. **Reiniciar o Atom**:
   - Saia e reabra o Atom. As configurações serão redefinidas para os padrões.

## Gerenciando Pacotes

1. **Acessar Pacotes Instalados**:
   - Vá para `Settings` > `Packages` (Configurações > Pacotes) para visualizar os pacotes instalados.

2. **Instalar e Remover Pacotes**:
   - Para instalar um pacote, clique em `Install` (Instalar) e escolha o pacote desejado.
   - Para remover pacotes, você pode removê-los um a um ou deletar toda a pasta de `packages`.

3. **Renomear Pasta de Pacotes**:
   - Se você preferir não deletar a pasta, pode renomeá-la para outra coisa, assim o Atom não encontrará os pacotes instalados ao reiniciar.

## Notas Finais
- Ao limpar as configurações, o Atom criará um novo arquivo `config.cson` com as configurações padrão.
- Para pacotes, ao recriar a pasta de pacotes e reinstalar, novos diretórios de pacotes serão criados.

Espero que isso tenha ajudado, Suziana! Até a próxima!

Suziana perguntou sobre o editor de texto Atom. Amigo, tu sabe como redefinir ele para
o padão de fábrica? Então, vou mostrar como fazer isso.
Estou aqui com o editor de texto Atom aberto. Você clica File, Arquivo, Settings, Configurações.
Aqui no final, clica Em Open, Config Folder, abrir a pasta de configuração. Quando clicar nisso,
no lado esquerdo da tela, deverá aparecer a barra lateral com o diretório de arquivos do Atom.
Nesse caso, fica localizado no seu diretório pessoal do usuário barra.atom.
E tem vários arquivos aqui. Para configurações que você muda, por exemplo, você muda essa caixa e
desmarcar, essas configurações serão salvas no arquivo. Confegue.cson. Confegue.csun.
Se você abrir esse arquivo, você note que as configurações que eu costumei, que eu
modifiquei, aparecem aqui como propriedades e o seu respectivo valor. E quando eu fechar o editor
de texto e reabrir, as propriedades de configuração serão relembradas porque estão salvas nesse
arquivo.confegue.csun. Bem, para poder recetar todas essas configurações para o padrão, é só
deletar esse arquivo. Mas, ok, se você quiser tentar fazer isso, em vez de deletar,
recomendo somente renomear para um nome que não seja, sei lá, ponto back. Nesse caso,
você não perde o arquivo se você precisar depois para poder, não quiser perder certas
configurações que você tinha setado. Mas, se você tem certeza que a deletar mesmo, pode
deletar o arquivo. Agora, quando você sair e reabrir o Atom, ele vai ver que as configurações
foram modificadas. Se eu fechar e vou reabrir, ou senodes, se eu for em file, arquivo, serens,
configurações, as caixas de texto agora estão marcadas como o padrão que era antes. E note que
foi criado um arquivo novo, config.csun. E nesse arquivo não tem aquelas configurações
anteriores que eu tinha definido. Pronto, essa é a parte dos configurações. Agora, a parte
dos pacotes, se eu for em settings, configurações, packages, pacotes que eu tenho instalado.
Obviamente, se eu quiser instalar um pacote, eu clico em install, instalar. E eu posso colher
um pacote qualquer, por exemplo, esse Atom Clock, que é um clock. Quando você instala
esses pacotes de terceiros, os arquivos são instalados na pasta do Atom, barra packages,
barra o nome do pacote. Por exemplo, se eu tiver mais outros, instalar vários, suas respectivas
pastas serão criadas aqui dentro de .atom-packages. Se você quiser remover todos esses pacotes,
é claro que você pode clicar um por um, ou você pode dar até toda a pasta de packages.
Se dar até toda a pasta de packages, fechar e reabrir o Atom, ele vai agir como se não
tivesse pacotes instalados. Claro, se você não quiser dar até porque está com medo,
é só tentar fazer aquela mesma no Anobra, renomear essa pasta para outra coisa, fechar
o Atom, reabrir, clicar arquivo, file, séries, configurações, se você clicar em packages,
é um pacote que não tem nenhum pacote detectado, embora que eu ainda tenha aquela pasta mais
com um nome diferente. Se eu instalar qualquer coisa, instalar o clock de novo, ele cria
pasta packages dentro do .atom com o Atom da traça o clock. Então é isso como você
receta as configurações e os pacotes do Atom. Basta deletar ou renomear o arquivo
config.cson e basta deletar ou renomear a pasta packages. Esses arquivos você pode obter
de séries, open config folder, normalmente está no superpasta pessoal, diretório pessoal
barra.atom. Acerto? Então espero que tenha ajudado. Suziana e até a próxima.


0019-02 Como Resetar as Configurações e Pacotes do Editor de Texto Atom

Como Mudar a Coloração Realce de Sintaxe de Linguagem no Editor de Texto Atom

## Resumo da Aula sobre o Editor de Texto Atom

Miller Barros fez uma pergunta sobre como mudar as cores dos comandos no editor de texto Atom, pois estavam todas com a mesma cor. A resposta envolve o conceito de **syntax highlighting**, que muda a cor do texto conforme a sintaxe da linguagem.

### Funcionamento do Syntax Highlighting

- O editor altera as cores de acordo com a sintaxe do arquivo, onde palavras-chave e estruturas têm cores diferentes. 
- Exemplo: Em um arquivo C++ (com a extensão `.cpp`), as palavras-chave como `include`, `int` e `main` aparecem em cores distintas.

### Seleção de Linguagem

1. No Atom, a linguagem do arquivo está indicada no canto inferior direito da tela.
2. Para alterar a linguagem, basta clicar nessa área e escolher a desejada.
3. Caso precise de uma linguagem específica que não esteja listada, é necessário instalar o pacote correspondente.

### Instalação de Pacotes

- Os pacotes costumam ter o prefixo `language` seguido pelo nome da linguagem.
- Para instalar, vá nas preferências, acesse a opção de editar preferências e busque por pacotes relacionados à linguagem necessária.

### Detecção Automática

- O Atom normalmente detecta a linguagem automaticamente pela extensão do arquivo.
- Se a extensão não for reconhecida, a cor não aparecerá, exigindo intervenção manual para definir a linguagem correta.

### Considerações Finais

- Renomear arquivos para extensões adequadas pode ajudar na detecção automática (exemplo: `.nc` pode ser renomeado para `.go` para que o Atom reconheça como arquivo Go).
- Para linguagens que não estão na lista, é necessário instalar o pacote correspondente.

A aula finaliza com a esperança de ter ajudado os usuários a melhorar seu uso do Atom.

Sobre o editor de texto Atom, Miller Barros perguntou, gostaria de saber como que muda
as cores da letra dos comandos porque está ficando tudo com a mesma cor.
Então vamos falar disso.
Então isso que ele está falando é syntax highlighting, né?
É um arquivo que aparece, o texto muda de cor dependendo da sintaxe da linguagem,
do formato do arquivo.
Palavras chaves têm uma cor diferente de outras construções da linguagem.
Por exemplo, aqui eu tenho o meu editor de texto Atom aberto.
O arquivo é um arquivo de c++.cpp.
Note que as cores da palavra chave include int main são diferentes,
incluindo sendo pochudo int meu queciano, né?
E main azul.
Então por que isso acontece?
Isso é devido ao pacote que a gente já tem instalado aqui, meu, que muda essas cores.
Então se você olhar no lado direito, inferior da tela, que eu até coloquei a parte com o zoom aqui para você ver melhor,
parece o nome aqui, você tem lf utf8, que é um encode, e finalmente tem a linguagem.
Isso que a gente vai clicar.
Nesse caso c++.
Devido a c++ estiver selecionado aqui, as cores mudam de acordo com essa gramática.
Então você pode escolher, se quiser, sem nenhuma cor, é só escolher plain text, o texto plano, certo?
Se quiser mudar qualquer outra linguagem, é só clicar lá de novo em plain text e escolher a linguagem.
Se você não achar linguagem aqui, você tem que baixar o pacote correspondente a essa linguagem.
Normalmente esse pacote começa com o nome language, tá?
Você vai lá nos preferências, a editar preferências, instalar.
Normalmente você language traça alguma coisa, ou você pode procurar pela linguagem, sei lá, cpp, ou sei mais mais.
Language cpp.
Tem vários diferentes, né?
Você vê o que...
Deixa eu ver o que tem instalado aqui, já meu.
Language.
Então se eu colocar meus pacotes já instalados, language, ele me mostra quais os pacotes já tem instalado.
No caso tem language traça c, o nome do pacote, que tem suporte dessas cores para c, e sei mais mais.
E tem outros aqui, css, csharp, assim, por diante.
Então você note que o Atom, quando você abre o arquivo, ele automaticamente detecta a linguagem.
Então ele muda de cor, de acordo com a extensão, nesse caso a extensão.cpp no nome do arquivo.
No caso JavaScript.js ele também detecta, você note que no lado inferior direito da tela aparece JavaScript.
HTML, mesma coisa, lá no inferior direito, HTML.
Agora, se você colocar uma extensão que você não sabe, ou a cor não aparecer, né?
Pode ser duas coisas, não conseguiu detectar pela extensão que não sabe o que é.
Nesse caso eu coloquei uma extensão.nc, mas na verdade é um arquivo de Go.
Se eu tivesse renomeado o arquivo para .go, o Atom teria detectado normalmente as cores.
Mas se eu quiser fazer manualmente, eu tenho que clicar lá no lado inferior direito da tela e procurar pela linguagem Go.
E ele vai mudar para Go.
Tá certo?
Se a linguagem não tiver na lista, tem que instalar o pacote que normalmente começa com o prefixo language,
seguido de Wifen e o nome da linguagem.
Tá bom?
Então espero que esta aula tenha te ajudado a melhorar o seu uso do editor de texto Atom.
E até a próxima!


0019-03 Como Mudar a Coloração Realce de Sintaxe de Linguagem no Editor de Texto Atom

Como Configurar Guias Linhas Verticais no Editor de Texto Atom com o Pacote wrap-guide

# Resumo da Aula: Configurando Guias Verticais no Editor Atom

Nesta aula, foi abordado como alterar a posição das guias verticais no editor de texto Atom, especificamente em arquivos do tipo `.cpp`.

## Passos para Configuração:

1. **Acessar Preferências:**
   - Clique em **Edit** (Editar) e selecione **Preferences** (Preferências).
   - Vá até a aba de **Packages** (Pacotes).

2. **Encontrar o Pacote Wrap Guide:**
   - Localize o pacote **wrap-guide**, que é responsável por adicionar guias verticais.

3. **Compreender Configurações Padrão:**
   - Por padrão, a guia é colocada na coluna 80 e, se configurado, na coluna 120. 
   - As propriedades podem ser editadas no arquivo `config.cson`.

4. **Alteração Manual no config.cson:**
   - Para editar as colunas manualmente, abra o arquivo `config.cson` através de **Edit > Config**.
   - Modifique a propriedade `columns` no objeto `wrap-guide`, definindo uma lista de colunas desejadas como um array de inteiros.

5. **Configurações Específicas da Linguagem:**
   - Caso existam configurações específicas para uma linguagem (ex: `.plano.txt`), estas vão sobrepor as configurações gerais.
   - Para utilizar as configurações padrão, remova as configurações específicas da linguagem.

## Exemplos Práticos:
- Foi demonstrado como configurar a coluna em arquivos de texto plano e `.cpp`.
- Ao ajustar a propriedade de colunas, as linhas verticais apareceram na posição desejada.

## Notas Finais:
- A configuração pode parecer bugada em alguns momentos, mas é fundamental entender como funciona a relação entre as configurações globais e específicas.
- É importante testar as configurações e garantir que o editor reconheça as mudanças.

Esperamos que este guia tenha sido útil! Até a próxima!

Nesta aula eu vou falar de como mudar a posição das guias verticais no editor de texto Atom.
Eu estou aqui com o arquivo aberto, eu não sei se no vídeo dá pra ver bem melhor, mas tem uma barra vertical,
uma linha vertical na coluna 80 e na coluna 120 desse arquivo aqui de ponto cpp.
Como a gente pode configurar a posição dessas barras ou linhas verticais?
Bem, no editor de texto Atom tem o pacote já instalado que nos permite configurar isso.
Então vamos lá, click em Edit Preferences, editar preferências e na aba de packages, pacotes, procure pelo pacote
e vai estar lá no final normalmente, wrap guide, então wrap-ifn guide, wp-guide, esse pacote que é responsável
por adicionar essas linhas ou guias verticais.
Se você está olhando na documentação aqui, ele diz que esse pacote wrap-guide coloca uma linha vertical em cada editor
numa certa coluna para guiar a sua formatação, para que as linhas não excedam uma certa largura.
Por padrão, essa guia é colocada na posição do valor obtido pela propriedade editor.preparedLineLength,
comprimento da linha preferida.
A coluna 80 é usada como padrão, se não tiver nenhum valor configurado.
E aqui ele mostra as configurações que na mão mesmo do arquivo config.cson, c e s.
E ele também diz como você pode colocar ou criar mais de uma linha vertical, isso é múltiplas.
E mostra aqui nessa única configuração, basta acertar a propriedade colons que está dentro da jave do objeto wrap-guide
com um array de inteiros, o aplicado inteiro é a coluna desejada que você queira que apareça uma linha vertical.
Tem aqui essa nota dizendo quando você usa múltiplas linhas guias, a guia mais à direita, nesse caso, o 120, que é o último elemento,
funciona como a sua configuração do editor.preparedLineLength, isto é, a guia mais à direita estará a configuração de comprimento de linha preferida.
Então voltando aqui, eu poderia ver aqui, vamos ver aqui, vamos ver se tem configuração,
estabilitado, estabilitado, às vezes aparece aqui para modificar essa só uma e você pode modificar o valor,
mas se for múltipla, tem que ir mesmo na mão no arquivo config.cson.
Como é que a gente abre esse arquivo? Bem, clique em editar, edit, config, configuração.
Isso vai abrir o arquivo config.cson. Nesse arquivo temos as configurações do editor, o que é que significa essas propriedades?
Bem, linha 1 tem o asteris que significa propriedades padrões para qualquer linguagem,
esse aqui será um dos valores nos dados se não houver nenhuma configuração específica para as linguagens.
Certo? No caso da linha 22, essa linguagem aqui, bckhtmltext, tem configuração específica.
Como tem configuração específica, essa configuração aqui vai sobre escrever a configuração do asterisco.
Se você não quiser que isso aconteça, basta remover as preferências desejadas da mais específica daqui para ele poder usar o do asterisco.
Por exemplo, se eu não quisesse nenhum column, e preferir meu length do editor, eu removeria isso aqui e ele usaria esse editor columns padrão.
Então vamos dar uma olhada aqui para entender essa configuração.
Se eu olhar num mais específico aqui, no arquivo.plane.txt, esse aqui é linguagem de texto plano.
Eu tenho um exemplo aqui que eu vou colocar no lado direito da minha tela.
A linha não está muito... Deixa eu diminuir aqui.
Eu não sei se você... Eu vou diminuir o texto para você ver melhor, ou vai ficar ruim.
Deixa eu abrir embaixo, em vez de do lado a lado, para você ver a linha vertical.
Eu vou abrir esse arquivo, em vez de do lado inferior da tela, tem um arquivo aberto aqui que não tem nenhuma extensão específica, e que aparece como plain text, como você vê aqui no lado inferior direito da tela.
Então como esse arquivo está sempre detectado utilizando plain text, a configuração a ser usada do config.sesson será essa aqui definida pelo .plane.txt.
Note que temos a propriedade editor.colms com array e só tem um valor que é 120.
Isso significa que para arquivos de texto plano na coluna 120 aparecerá uma linha vertical.
Então dito e feito, se eu colocar espaço para a coluna 120, que eu olho aqui no lado inferior esquerda da tela, que mostra aqui qual é a linha e coluna, 120.
E realmente apareceu a linha vertical aqui. Se você não consegue ver pelo vídeo, tem uma linha vertical aqui na coluna 120.
Se eu quiser adicionar mais ou modificar, se eu quiser modificar para 100, para colocar mais esquerda, eu coloco 100 aqui e salvo aqui, você nota que ele já muda automaticamente.
Isso eu colocar 80, vai para a esquerda de novo, salvo aqui.
Vou colocar 80 aqui.
Vou abrir de novo o config.sesson, às vezes dá problema, só abrir de novo, fechar e abrir.
Para baixo, fechar o arquivo não sei e abrir de novo.
Coffee script, plain text.
Não sei porque não, foi, mas devia ir. Está meio bugado.
Vou colocar 80, 120. Fechar os dois.
Vou tirar a segunda.
Não sei o que aconteceu, mas deixou para iniciar.
Está no errado, para o plain text.
Está aqui apareceu. Não sei porque está meio bugado. Tive que clicar no lado inferior, direto da tela e clicar em plain text novo para poder carregar a configuração do plain text.
Já apareceu, de defeito, na linha 80 e na linha 120, uma barra vertical.
Se eu mudar o arquivo para main.cpp, a linha aparece na coluna 80, por quê?
Porque a configuração específica do arquivo, acho, para cpp, na linha 19, o arquivo config.js está acima.
O editor, ponto wrapguide, ponto columns aqui.
Tem a coluna 100.
Se eu quiser mudar para 80, só salvar sim.
Nesse caso, ele automaticamente corrigiu, não sei porque aquele bug aconteceu anteriormente.
Se eu colocar 100, ele muda.
Note que o preferred line length também muda de acordo quando eu mudo as colunas aqui.
Se eu colocar 80, 100, 120, vai ser três linhas verticais.
Você note que no arquivo aqui de baixo, que é o cpp, apareceu as três linhas verticais.
Certo?
Então, se você quiser que ele siga o padrão definido pelo Asterisk, qualquer linguagem, 80 e 120, é só remover.
Essa propriedade de wrapguide e o editor preferred length, cpp source.
E eu acho que tem que colocar de novo aqui.
Não sei.
Está bugado de novo.
Vamos ver.
Não save.
Main.cpp.
Não.
Não save.
Main.cpp.
Coloca a hora de detect.
Main text.
Mudou.
C.
Autodetect.
Opa.
Então, está usando 80, 100 e 120.
Ah, porque estava...
Ele setou novamente aqui.
Ele setou para...
Ok, eu não sei porquê.
Se eu remover aqui.
De novo.
Parece que ele fica adicionando de novo.
Abrir o config.json.
Cpp não tem nada.
80, 120 por padrão.
E ainda não...
Não sei porquê.
Estou com a text.
Mas...
meio que um bug.
Certo.
Eu vou delatar esse linguagem por inteiro o que acontece.
Então, apareceu.
Se eu delatar, realmente a linguagem...
propriedade inteira.
Agora aparece 100 e 120, que é o osterisco.
Se eu mudar osterisco, por exemplo, para 110 e 120.
Realmente, mudou para 110 e 120 no arquivo main.cpp.
Tá bom? Então, é meio bugado, certamente, mas...
É assim que funciona para poder você adicionar ou mudar a configuração dessas linhas
ou guias verticais no editor de texto Atom.
Na mão mesmo, edit, config, abre o arquivo config.json,
define o padrão se quiser, ou se quiser mais específico, define as propriedades da linguagem específica
e modifique o columns que está dentro do rap.
Para a Sugade, que é esse pacote, né?
E adiciona essas linhas.
Então, espero que isso tenha ajudado e até a próxima.


0019-04 Como Configurar Guias Linhas Verticais no Editor de Texto Atom com o Pacote wrap-guide

Siga as seguintes instruções para mostrar caracteres invisíveis no editor de texto Atom.

Caracteres invisíveis são aqueles como: Carriage Return (CR); End of Line (EOL), também conhecido como Line Feed (LF); Espaço (Space); e Tabulação (Tab).

No Atom, clique no menu File (Arquivo) e escolha Settings (Configurações).

![Menu do Editor de Texto Atom Onde File (Arquivo) está expandido, com a seleção do ítem de menu de Settings (Configurações)](/images/courses/0019/lessons/05/0019_05_01.png)

Na barra lateral, escolha a aba de Editor.

![Settings (Configurações) do Editor de Texto Atom, com a aba do Editor na barra lateral selecionada](/images/courses/0019/lessons/05/0019_05_02.png)

Role a barra de rolagem até encontrar a seção de Invisibles (Invisíveis). Continue rolando até encontrar a opção de Show Invisibles. Marque a caixa de seleção para mostrar os caracteres invisíveis no editor.

![Caixa de seleção marcada para a opção de Show Invisibles (Mostrar Invisíveis)](/images/courses/0019/lessons/05/0019_05_03.png)

Volte à aba de qualquer arquivo e veja que os caracteres invisíveis agora aparecem. Basta digitar our ter digitado espaço, tab e quebra linha para verificar.

![Demonstração dos Caracteres Invisíveis à Amostra no Editor de Texto Atom](/images/courses/0019/lessons/05/0019_05_04.png)

Para saber o que cada caractere significa, basta voltar a seção de Invisibles na aba Editor das Settings: logo no começo mostra o padrão usado para cada tipo de caractere.

![Configuração do Padrão dos Caracteres Invisíveis no Editor de Texto Atom](/images/courses/0019/lessons/05/0019_05_05.png)

Por padrão (no Atom 1.57.0):

* Carriage Return (CR) aparece como ¤
* Quebra de Linha (EOL/LF) aparece como ¬
* Espaço aparece como ·
* Tab aparece como »

Como Configurar para Mostrar Caracteres Invisíveis no Editor de Texto Atom

```markdown
# Resumo do Tutorial sobre Caracteres Invisíveis no Atom

## Introdução
Bruno Ferreira perguntou sobre como visualizar os caracteres de indentação no editor de texto Atom.

## Visualizando Caracteres Invisíveis
1. **Primeiros Passos**: 
   - Abra o editor de texto Atom.
   - Tenha arquivos abertos (por exemplo, um arquivo .js e um .go).

2. **Características dos Caracteres Invisíveis**:
   - Pontos representam espaços em branco.
   - Quebra de linha é indicada por caracteres diferentes em diferentes sistemas operacionais:
     - Windows utiliza dois caracteres para quebra de linha.
     - Linux utiliza um único caractere (`\n`).
   - A tabulação é representada por dois chevrons para a direita.

3. **Configurações para Mostrar/Inibir Caracteres Invisíveis**:
   - Vá para `File > Settings`.
   - Clique na aba `Editor`.
   - Role até a seção `Invisibles`.
   - Habilite ou desabilite a opção `Show Invisibles` para mostrar ou ocultar caracteres invisíveis.

4. **Personalização**:
   - Os símbolos que representam cada caractere invisível podem ser personalizados.
   - O autor prefere manter os padrões.

## Conclusão
Mostrar caracteres invisíveis é útil para garantir que o correto método de indentação (espaços ou tabs) está sendo utilizado, além de ajudar a evitar espaços em branco indesejados.

**Dica**: O recurso é conveniente para programadores e pode evitar erros relacionados à formatação do código.
```


O Bruno Ferreira perguntou, cara, consegue me ajudar?
Como eu faço para deixar esses pontos de indentação que você está utilizando no vídeo?
Nesse caso, se refere ao editor de texto Atom.
Então vamos lá.
Estou aqui no Atom, editor de texto aberto.
Então tenho dois arquivos, um ponto JTS e um ponto GO, um JavaScript e outro de GoLong.
Ele perguntou como mostrar esses pontinhos aqui, por exemplo, de indentação.
Você nota que tem também outros caracteres aqui que aparecem em meio
fontes cinza ou mais, menos claro, né?
Então esses pontinhos aqui e esses caracteres aqui são os chamados caracteres invisíveis.
Por exemplo, quando você quebra uma linha, aparecem esses dois caracteres aqui.
No meu caso, esse vídeo está sendo gravado no sistema Operacional Windows,
por isso que tem dois caracteres.
No Linux, a quebra de linha é só um, que é o barra N.
O ponto significa um espaço em branco.
E para tabs, tabulação, tab, é esse aqui, esse símbolo de...
Nesse caso que aparece como dois chebrons, nessas duas setinhas, apontando para a direita.
No caso do arquivo do Go, ele usa tab em vez de espaço para indentação.
Aí você note que no arquivo de Go, ele usa o quebra de linha do Linux,
que é só um caractere.
Esse caractere aqui que parece um L, assim, horizontal.
Certo? Então como você mostrar ou inibir isso?
Você vai em File, Settings, arquivo, Configurações,
clica na aba de Editor, e você rola para baixo na sessão Invisibles, invisíveis.
Certo? E para habilitar ou não, você vai aqui e tem a configuração de Show Invisibles.
Mostrar invisíveis. Se você habilitar, ele vai mostrar os caractere invisíveis,
como a gente tinha visto. Se você desabilitar, não vão aparecer.
E se você quiser também, você pode ver aqui em cima, se rolar para cima,
qual é o padrão para cada caractere invisível.
Por exemplo, como é que vai aparecer o CR? Carriage Return.
Como esse caractere aqui, não se explicar um círculo com uns traços,
quase um engrenagem, mas não é.
E como é que fala o EOL, end of line, que é o barra N?
É que é ele, se você pegar o EOL e inverter, e colocar na horizontal.
E para o espaço, que é o pontinho centralizado,
e para a tab, que é os dois chevrons apontando para a direita, as duas certinhas.
Certo? Você pode mudar, se clicar aqui. Eu gosto de deixar o padrão, não quero mudar.
Está certo? Então, esses são os caractere invisíveis,
se você quiser mostrar no editor de texto Atom.
Eu acho bem conveniente para saber se está usando o espaço ou está usando tab para indetação.
E também, se eu não coloquei espaço em branco,
que às vezes você não quer ter esse espaço em branco, que é desnecessário,
então ele mostra também. E eu posso ver, eu voltei espaço, não precisa, deleto aqui.
Então, por essa é só e até a próxima.
