Escolhendo um editor de texto

The Older Coder Blocked Unblock Seguir Seguindo 11 de janeiro Tela de boas-vindas do átomo

Quando comecei a aprender sobre desenvolvimento web, uma das coisas que me senti obrigado a fazer foi baixar um editor de texto. Imaginei que escreveria uma boa quantidade de código e um bom editor de texto deveria me ajudar a fazer isso.

No entanto, enquanto eu vasculhava o YouTube em busca de vídeos com códigos, parecia que cada vídeo instrutivo que eu assistia, o instrutor, sempre parecia usar um editor de texto diferente.

Sendo curioso sobre o porquê de um editor de texto ser favorecido em detrimento de outro, eu baixaria cada editor de texto apenas para poder comparar. Eu não posso dizer que eu encontrei um favorito absoluto ainda. Mas escolher um editor de texto acaba sendo uma escolha muito pessoal, tão pessoal quanto as equipes esportivas que você apoia.

Eu não acho que realmente importa qual editor de texto você usa. Sim, alguns softwares de edição de texto vêm com recursos que outro software de edição de texto não possui. Mas na maior parte, eles são todos muito parecidos.

Acho que tudo se resume à prova de que o pudim está comendo. Você pode usar o editor de texto que você ama, estima e jura para fazer um site completo com sucesso e para sua satisfação? Sim? Você pode? Então fantástico, claramente o editor de texto que você escolheu fez o trabalho.

Enquanto você pode pesquisar no Google para o "melhor" editor de texto para codificação (e o Google definitivamente vai te dizer). Acho que o melhor editor de texto é realmente aquele que você mais gosta de usar. Isso é realmente o melhor, não é?

Notepad ++

O que é um editor de texto?

Um editor de texto é um software que você baixa e instala no seu computador, ou acessa on-line pelo navegador da Web, que permite gravar e gerenciar texto, especialmente o texto que você escreve para criar um site. O editor de texto tem que ser uma das ferramentas mais importantes que você pode usar como um desenvolvedor web aspirante.

Quais recursos você deve procurar em um editor de texto? Eu diria que algumas das características mais importantes são: 1.) conclusão de código; 2.) destaque de sintaxe; 3.) uma boa variedade de temas (para reduzir a fadiga ocular e fadiga); e 4.) a capacidade de escolher entre uma seleção saudável de extensões disponíveis quando você precisar delas. Você pode encontrar alguns outros recursos que são obrigatórios, mas acho que esses recursos são um bom começo.

Um ótimo recurso de qualquer software de edição de texto é a complementação de código . A conclusão de código permite que você comece a digitar e o recurso de conclusão de código exibirá possíveis sugestões com base no que você digitou originalmente. Isso economiza seu tempo oferecendo uma opção, em vez de permitir que você termine de digitar e possivelmente encontre erros de digitação.

Além disso, alguns autocompletar de código incluem o fechamento de tags quando você abri-los ou o fechamento de colchetes quando você os abre, ou o fechamento de aspas ao abri-los, garantindo assim que você esteja sempre escrevendo seu código.

Outro recurso interessante é poder escrever seu HTML e CSS com mais eficiência. Existe um tipo de linguagem taquigráfica chamada Emmet que pode ajudar. Emmet irá acelerar o seu código escrevendo mais rápido do que você imagina. Alguns editores de texto vêm com o Emmet embutido, ou o Emmet pode ser adicionado por meio de uma extensão.

Outro recurso que você deve procurar é chamado de realce de sintaxe . O realce de sintaxe é um recurso que usa o texto digitado e o torna mais notável ao colorir o texto. Atributos são uma cor diferente dos elementos. E os elementos são de uma cor diferente da cópia. Isso torna muito mais fácil quando você está procurando por um erro e não consegue encontrá-lo. Além de tornar seu texto mais fácil de ler.

Um exemplo de destaque de sintaxe

O próximo recurso que você deve procurar em um editor de texto é uma boa série de temas . Esses temas permitem que você altere a cor do plano de fundo do editor de texto, a série de cores do texto e, às vezes, os temas afetarão outros aspectos do software de edição de texto. Normalmente, os desenvolvedores da web usam um fundo escuro e um texto colorido. Essa combinação parece ser mais fácil para os olhos – mas há outros temas para escolher também. Como você estará usando seu editor de texto na maioria das vezes, é bom encontrar um tema que possa reduzir o cansaço visual e a fadiga.

À medida que você se familiarizar com a codificação, convém adicionar mais recursos ao seu editor de texto. Você vai querer realizar mais com o mínimo esforço. Você quer um editor de texto que possa crescer com você conforme suas necessidades crescem. Isso vem na forma de extensões . As extensões são como plugins para o seu editor de texto, que permitem que você tenha superpoderes que você não teria de outra forma. Um editor de texto com uma grande seleção de extensões garantirá que você tenha a capacidade de adicionar funcionalidade conforme necessário.

Usando o software que já vem com o seu computador

Agora que falamos sobre alguns dos recursos que poderiam estar interessados se estivessem interessados em um editor de texto. Vamos falar sobre algumas de suas opções – começando com o software que vem no seu computador.

Todo computador virá com seu próprio editor de texto. Nos computadores Mac, o editor de texto que acompanha o computador é chamado de "Edição de texto". Nos computadores Windows, o editor de texto que acompanha o computador é chamado de "Bloco de notas".

E em computadores Linux, cada distribuição terá seu próprio editor de texto já instalado, mas qual deles pode depender do sabor da sua distribuição em particular. Esses editores de texto terão nomes diferentes. Uma distro pode ter "Gedit" e outras podem ter outros títulos. Verifique sua lista de aplicativos para ver qual editor de texto vem com sua distribuição do Linux.

Já que esses editores de texto já vêm em seus computadores, por que você deveria baixar outro editor de texto que faz essencialmente a mesma coisa que o editor de texto que você já tem? Existem outros editores de texto que possuem recursos nos quais você pode se interessar, como os que discutimos anteriormente. Normalmente, os editores de texto que vêm em seu computador não têm muitos recursos para falar. Eles são os mais simples editores de texto que você encontrará.

Embora você possa usar o Bloco de Notas e a Edição de Texto para criar sites, existem outros editores de texto disponíveis que podem ajudar você a codificar com mais eficiência. Eu convido você a julgar por si mesmo e formar suas próprias opiniões.

Se você quiser tentar usar os editores de texto que vêm com o seu computador, há algumas ressalvas que gostaria de alertar:

Por favor, certifique-se de que quando você usa o editor de texto que vem em seu computador, você está criando código em um editor de texto simples. Você não deve ver opções para tornar o texto em negrito, sublinhado ou itálico. Texto sem formatação não possui opções de formatação. Não há necessidade de negrito, sublinhar ou colocar código em itálico. Se você puder tornar seu texto em negrito, sublinhado ou itálico, talvez seja necessário alterar uma configuração em algum lugar. Por favor, verifique se você está codificando em texto simples.

Além disso, certifique-se de que, ao usar o editor de texto que vem em seu computador, você primeiro crie uma pasta no seu computador em algum lugar (talvez na área de trabalho, por exemplo) para armazenar todo o site. Ao criar novos documentos com o editor de texto que vem em seu computador, salve esses arquivos nas pastas ou subpastas apropriadas na pasta principal do site.

Além disso, certifique-se de que, ao salvar seu arquivo, ele tenha a extensão adequada no final dos nomes dos arquivos. Por exemplo, seu arquivo HTML principal deve ser chamado de “index.html”. Seu arquivo CSS deve ser chamado de algo como “style.css”. O nome do arquivo não é tão importante quanto a extensão (o “.html” e o “ .css ”).

Acho que você verá que, ao usar os editores de texto que vêm em seu computador, não há sinos ou assobios especiais. Acho que você descobrirá que não há conclusão de código. Mas o que isso significa é que seu editor de texto não o ajudará a encontrar seus erros. Você terá que descobri-los por conta própria.

Acho que você verá que não há realce de sintaxe, sem temas e sem extensões. Enquanto você certamente pode usá-los para fazer um site, eu acho que a verdadeira questão é, "Você deveria?" Eles não são os editores de texto mais ricos em recursos disponíveis.

Opções de terceiros

Ok, e as opções de terceiros? Vamos falar de softwares como: Notepad ++, Text Wrangler, BB Edit, Visual Studio Code, Atom, Brackets e Sublime Text. Esses editores de texto podem ser baixados e instalados em seu computador a partir de seus respectivos sites. Cada um desses títulos tem alguns, se não todos, os recursos dos quais falamos anteriormente, e a maior parte deste software é absolutamente gratuita! Eles são amplamente utilizados no desenvolvimento web hoje.

NotePad ++

O NotePad ++ é um editor de texto livre apenas para computadores Windows. O NotePad ++ existe há muitos anos e muitos desenvolvedores da Web juram pelo NotePad ++. Tem destaque de sintaxe e conclusão de código, bem como conclusão de palavras e conclusão de função. Ele tem um recurso de zoom, uma comunidade online própria e uma sala de bate-papo própria para perguntas que possam surgir. Ele ainda tem sua própria página wiki pesquisável para obter mais assistência

TextWrangler / BB Editar

TextWrangler é apenas para computadores Mac, e você costumava ser capaz de baixá-lo na Mac App Store. Ao fazer minha pesquisa para este post, descobri que o TextWrangler foi aposentado. Eu sei, estou um pouco atrasado para a festa com esta notícia, mas o TextWrangler foi aposentado em 2017. Este era um dos editores de texto para Mac Computers.

Mas toda a esperança não está perdida, o pessoal que fabrica o TextWrangler, a Bare Bones Software , incorporou o TextWrangler ao seu mais robusto irmão mais velho, BB Edit – outro editor de texto repleto de recursos.

BB Edit é o software que você compra. Mas o BB Edit vem com um teste gratuito de 30 dias. Após os 30 dias, se você ainda quiser a versão gratuita, simplesmente continue usando o BB Edit, e você terá os mesmos recursos que você teria em TextWrangler. Se você quiser os recursos completos no BB Edit, o custo total de uma licença completa é de US $ 49,99. Saiba mais clicando aqui: https://www.barebones.com/products/textwrangler/

Código do Visual Studio

O Visual Studio Code é um editor de texto gratuito feito pela Microsoft. Está disponível para computadores Windows, computadores Mac e Linux. O VS Code possui a abreviação de Emmet para HTML e CSS já incorporada, sem nenhum trabalho adicional seu. O VS Code tem tudo: realce de sintaxe, temas, extensões e conclusão de código. Parece que o VS Code tem um acompanhamento muito saudável na comunidade de desenvolvimento da web.

Átomo

Atom é um editor de texto livre que está disponível para download para computadores Windows, computadores Mac e Linux. Atom é trazido a você pelo pessoal do GitHub . O GitHub é um ótimo serviço on-line, no qual você pode hospedar e revisar códigos, ou pode postar e obter ajuda para o desenvolvimento de seus próprios projetos. Atom também preenche todas as caixas certas. Tem destaque de sintaxe, temas, extensões, os trabalhos! O Atom é definitivamente um software para testar e testar você mesmo.

Colchetes

Brackets é um editor de texto livre que está disponível para download para computadores Windows, computadores Mac e Linux. É feito e mantido pelo bom pessoal da Adobe – sim, o pessoal do Photoshop. Suportes suporta apenas HTML, CSS e JavaScript, embora mais recursos de codificação possam ser adicionados através de extensões. Sendo que os suportes suportam apenas HTML, CSS e JavaScript, essa pode ser uma ótima opção para começar. Mas ainda assim a escolha é sua.

Os colchetes incluem todos os recursos que se pode desejar ao usar um editor de texto, incluindo algo chamado "Visualização ao vivo", que atualiza seu site quando você faz uma alteração automaticamente. Então, você não pode dar errado com os colchetes.

Texto Sublime

O Sublime Text 3 é um software premium que pode ser comprado na íntegra por US $ 70. Caso contrário, você usará a versão gratuita. O Sublime Text desfruta de uma história de rapidez e capacidade de resposta, além de ser extensível também. Não há dúvidas de que o Sublime Text marcará as caixas de seleção do que procurar em um editor de texto. Tem destaque de sintaxe, tem completamento de código, tem temas e extensões. E definitivamente vai fazer o trabalho, não importa o quão avançado você esteja com o seu código.

A diferença entre editores de texto e IDEs

Um editor de texto dá o que faz no título – edita texto. Ele também gerencia o texto e gerencia arquivos. Eu amo esse nome “organizador de texto” porque de certa forma é o que realmente faz um editor de texto. Ele envolve seu texto em algo significativo.

Um IDE (Integrated Development Environment) é, na verdade, um conjunto de softwares diferentes, todos juntos. Um IDE é um editor de texto, um gerenciador de arquivos, um compilador e um depurador em um único pacote de software.

Você pode pensar em um IDE muito parecido com o Microsoft Outlook. Se você já usou o Microsoft Outlook, você teria notado rapidamente que era um cliente de e-mail, um calendário, um gerenciador de tarefas, uma lista de tarefas em um único pacote de software. Semelhante a como um IDE é um pacote de software completo.

Embora você não esteja pronto ou tenha a necessidade de usar um compilador ou um depurador quando estiver iniciando o desenvolvimento da Web, poderá ver como um IDE opera em seu software de edição de texto. Quando estiver pronto para usar um IDE, você ficará mais confiante em como usá-lo, porque você já teve alguma experiência com ele usando o editor de texto.

Eu? Eu vou ficar com os editores de texto que eu mencionei acima. Eu tenho usado todos eles dentro e fora por um tempo, mas eu não consigo me decidir qual deles eu quero para sempre e sempre. O que acontece comigo é que eu vou ficar com um editor de texto por um tempo, apenas para descobrir que os outros foram atualizados de forma tão radical que eles têm recursos novos e empolgantes. Então, vou começar a usar esse editor de texto atualizado por um tempo e, enquanto isso, os outros serão atualizados. Então, vou começar a usar esses. É um ciclo viscoso.

Seria tão interessante ouvir o que alguns de vocês estão usando para o seu editor de texto. Por favor, compartilhe e deixe-nos saber qual editor de texto é o seu favorito e por quê. Vamos fazer disso uma boa e robusta lista de nossos editores de texto favoritos para todos os que são novos no desenvolvimento web.

Texto original em inglês.