Resumo da Aula: Configurando Guias Verticais no Editor Atom

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.