Você já estará familiarizado com um editor de texto se você já fez algum curso da Codecademy. Abaixo está o editor de texto da Codecademy em tela cheia no final do primeiro módulo do curso de HTML.
Enquanto o ambiente de aprendizagem da Codecademy fornece uma experiência de codificação intuitiva e amigável ao usuário, às vezes você precisará usar seu próprio editor de texto. Por exemplo, se você decidir participar de um curso de codificação Meetup ou presencial, eles usarão um editor de texto para download, e você precisará instalá-lo para trabalhar em projetos tanto em sala de aula quanto em casa.
Eu me envolvi com alguns editores de texto para ter uma melhor noção do que melhor se adapta às minhas necessidades. Isto é crucial porque não há nenhum editor de texto “melhor” por aí, apenas aquele que lhe permite criar o seu melhor trabalho.
Neste artigo, vou fornecer uma comparação aprofundada de dois dos editores de texto mais populares: Visual Studio e Sublime Text.
Visual Studio
Visual Studio (o editor de texto é conhecido como Visual Studio Code, então vamos nos referir a isso de agora em diante) é o editor de texto livre da Microsoft que roda em Windows, Linux e macOS. É uma entrada recente no mercado; a Microsoft lançou o produto como uma prévia pública no final de 2015, postando o código aberto no Github, antes de torná-lo disponível como um lançamento geral em abril de 2016.
Apesar de seu status de novato, o Visual Studio Code ganhou rapidamente popularidade entre os desenvolvedores, classificando-se como o ambiente de desenvolvimento mais popular em geral na Stack Overflow 2018 Developer Survey.
O básico
Esta é a aparência da tela inicial do Visual Studio Code quando você escreve sua primeira linha de código ou abre um arquivo que você já criou:
No painel superior esquerdo, você pode ver as diferentes variações do código que você está editando. Neste caso, estou editando um arquivo chamado “style.css.”
O painel central é onde você edita o código que você escreveu ou precisa corrigir; você pode abrir e editar vários arquivos diferentes lado a lado.
O layout do Visual Studio é similar ao layout do editor de texto da própria Codecademy em sua simplicidade e facilidade de uso. Dê uma olhada no editor de texto da Codecademy abaixo para uma comparação.
Você pode, é claro, editar o layout também. O Modo Zen é um dos meus favoritos, especialmente porque soa tão relaxante. Na realidade, este é um modo de tela cheia que permite editar código sem distrações.
Outros recursos
Visual Studio Code permite editar código em uma grande variedade de linguagens de programação. O exemplo que eu usei acima é CSS (sim, estou classificando CSS como uma linguagem de codificação!). O CSS é uma das linguagens de programação integradas, mas você pode instalar e configurar outras linguagens, como Python e C#, através do Extension Marketplace.
Debugging
Um dos exercícios clássicos que você vai fazer quando aprender a programar é “quebrar” algum código e depois tentar corrigi-lo novamente. Nos meus primeiros dias de programação, passei idades a olhar para linhas de código até os meus olhos ficarem desfocados, tentando perceber porque é que o que eu tinha escrito não se reflectia no produto final.
Felizmente, o Visual Studio Code inclui a funcionalidade de depuração para ajudar a detectar esses erros antes de chegar à fase de “blurry-eye”. Para iniciar a depuração do seu código, tudo que você precisa fazer é pressionar F5 para executá-lo em sua janela atual, ou ir para o menu “Debug”.
Você também pode criar “breakpoints”, que são pontos onde o processo de depuração irá parar automaticamente.
Em um nível mais básico de depuração, o Visual Studio Code detecta automaticamente pequenos problemas no seu código, e leva-o directamente lá para que possa resolver o problema facilmente.
Intellisense
Quando estava a aprender a codificar, uma das dicas que o professor nos deu quando não sabíamos como fazer algo era para o Google. A Microsoft criou um recurso no Visual Studio Code chamado Intellisense, que é uma alternativa ao Googling do problema (ou “Bing-ing”, no caso da Microsoft).
IntelliSense analisa a semântica (letras) do que você está inserindo, assim como o resto do código que você criou, e então fornece sugestões de como terminar o que você está escrevendo. Você pode acessar uma série de completações diferentes através do Intellisense, incluindo sugestões de linguagem de servidor, snippets e completações textuais baseadas em palavras.
p>
IntelliSense está disponível para as linguagens de programação mais comuns, incluindo HTML, CSS e Javascript, mas para outras linguagens, você precisará instalar uma extensão.
E o resto
Visual Studio Code tem uma série de outras funcionalidades úteis que o ajudarão na sua jornada de codificação, ajudando-o a visualizar melhor o seu código e a acelerar a sua programação. Isto inclui:
- Suporte para snippets: Isto permite criar um catálogo de pequenas partes de código reutilizável, que você pode inserir em corpos maiores de código
- funcionalidade “Ir para”: Isto permite que você encontre e vá rapidamente para símbolos, arquivos, linhas e definições
- Destaque de sintaxe: Isto exibe código em diferentes cores e fontes de acordo com o tipo de linguagem de codificação utilizada.
Imprimação geral
Tempo de confissão: Sou um usuário de longa data do Windows/Microsoft Office. Parte da razão para esta decisão (pouco legal) é que eu acho os produtos Microsoft familiares e fáceis de navegar. O mesmo vale para o Visual Studio Code.
Even se você é novo em editores de texto, o VS Code é fácil de pegar e usar imediatamente. Tem uma aparência Microsoft e tem duas camadas que o tornam ideal para qualquer tipo de usuário.
Se você é um codificador novato, é fácil trabalhar com os comandos básicos (além disso, a Microsoft tem muita documentação escrita para isso), mas se você é um usuário experiente procurando fazer alguma programação séria, há muitas opções de recursos avançados lá também.
Sublime Text (Versão 3)
Sublime Text, que foi desenvolvido por um antigo engenheiro do Google, existe desde 2007. A primeira grande diferença entre ele e o Visual Studio Code (VSC) é que ele tem uma taxa de licença de $80, embora ele tenha uma versão de avaliação gratuita. Assim como o VSC, ele roda em Windows, Linux e macOS, e é o quarto ambiente de desenvolvimento mais popular em 2018 de acordo com StackOverflow.
A última versão do Sublime Text-Version 3- foi em beta por mais de quatro anos, de janeiro de 2013 até ser lançado ao público em setembro de 2017.
O básico
Quando você abre o Sublime Text pela primeira vez, você recebe um editor de texto de volta descascado. Não há barra lateral, nenhuma opção de pesquisa, nenhuma opção para levá-lo diretamente para a extensão da barra lateral. Ele fornece um layout mais focado para ajudar você a se concentrar na codificação. Há um pequeno minimapa no canto superior direito para lhe dar uma visão geral do seu código.
Abriu muito rapidamente em comparação com o Visual Studio Code e, se você estiver pronto para ir para a edição do código, ele fornece o ponto de partida perfeito. Entretanto, se você é novo em editores de texto, as outras características e funcionalidades são mais difíceis de encontrar. A maior parte do que você precisa está nos menus no topo, mas você também vai querer chamar a Paleta de Comandos (mais sobre isso abaixo) do menu Ferramentas para chegar mais rapidamente ao que você precisa.
Recursos de Texto Sublime
Se você quiser obter o máximo do Texto Sublime, você vai querer instalar plugins extras para lhe dar a funcionalidade extra. Para fazer isso, você precisa instalar o Package Control, que nós o guiaremos através de abaixo.
Package Control
Package Control é similar ao mercado de extensões do Visual Studio, mas não está disponível out-of-the-box. Há muitos pacotes (ou plugins) disponíveis para pessoas que são novas na programação, como um pacote inicial para C++, um pacote que irá ajudar com as completações do Python (um pouco como o Intellisense no Visual Studio), e o Emmet, que ajuda você a escrever HTML e CSS mais rápido, permitindo que você use abreviações, que ele se expande automaticamente.
Command Palette
Quando você usar o recurso Command Palette, você será capaz de encontrar e navegar por qualquer comando muito mais rápido do que se você tiver que procurar por ele nos menus. Você pode acessar praticamente qualquer coisa, e a Paleta de Comandos também irá preencher automaticamente para você, então se você não tem certeza do que está procurando exatamente, ela irá sugerir algumas opções.
Por exemplo, se você está trabalhando em um projeto e precisa adicionar rapidamente uma nova pasta, ou salvar o projeto em que está trabalhando, você pode rapidamente puxar essa opção para cima. Ou se você quiser criar trechos sem ter que navegar pelos menus, você pode fazer isso também.
Para acessar a Paleta de Comandos, tudo que você precisa fazer é clicar em ctrl + shift + p.
Funcionalidade Goto
Existe um menu em Texto Sublime dedicado a toda a funcionalidade “Goto” dentro deste editor de texto. Esta é uma versão muito mais completa do menu “Go to” do Visual Studio.
Alguns dos destaques incluem o Símbolo de Goto (adicionado em Texto Sublime 3), que lhe permite encontrar facilmente todos os exemplos de símbolos dentro de um ficheiro. O exemplo abaixo é para tags H1 (havia apenas uma instância dentro deste arquivo).
Projects
O recurso Projetos refere-se a uma forma de organização de pastas e arquivos dentro do Texto Sublime. Isso significa que todas as pastas e arquivos são armazenados em um único lugar e rapidamente acessíveis pela barra lateral assim que você abre o projeto, ao invés de você ter que continuar abrindo manualmente mais arquivos. Também significa que você pode procurar (rapidamente) em todos os arquivos de um projeto de uma vez.
Você só pode ter um projeto aberto em um espaço de trabalho de cada vez, então se você quiser mudar de projeto, você precisa selecionar a opção “Mudar Projeto”.
Visual Studio tem um recurso similar chamado “Workspaces”, que permite que você abra e trabalhe em vários arquivos ao mesmo tempo.
E o resto
Sublime Text tem uma série de outros recursos “menores”, que merecem uma menção aqui. Isto inclui:
- Snippets: Estes funcionam da mesma forma que no Visual Studio, mas você também pode construir o seu próprio, ou instalar mais a partir de extensões
- Multi-edit: Quando você pressiona ctrl + d, todas as instâncias da palavra ou comando em que você está atualmente serão destacadas dentro do arquivo, você também pode pressionar ctrl + f para encontrar e substituir palavras.
Overall impression
Sublime Text é um editor de texto rápido e despojado que é quente na organização e pesquisa através do código que você escreveu, e sendo capaz de saltar facilmente para qualquer função ou símbolo rapidamente. Sua funcionalidade “Goto” e muitos atalhos de teclado facilitam a navegação de desenvolvedores experientes, e a escrita e busca de código facilmente, sem ter que tirar as mãos do teclado. Para programadores mais novatos (como eu), demora mais tempo para se habituar a.
Sublime Text não inclui uma opção de depuração, o que pode ser um problema para os programadores que necessitam desta funcionalidade.
Que editor de texto devo escolher?
Visual Studio poderia ser classificado como um ambiente de desenvolvimento integrado (IDE), porque permite aos programadores tanto escrever como testar o código. Sublime Text, por outro lado, é “apenas” um editor de texto (embora excelente) porque se concentra em fornecer a forma mais rápida de organizar e escrever seu código, mas sem capacidade de testar (debugar) o código.
Outra grande diferença entre Visual Studio Code e Sublime Text é o suporte que a Microsoft fornece em comparação com o Sublime Text. A Microsoft criou resmas de documentação explicando quase todos os recursos e como usá-los, assim como posts em blogs e tutoriais em vídeo para ajudar os usuários a se atualizar com o editor de texto.
Sublime Text fornece alguma documentação mais difícil de encontrar, um post em blog explicando os recursos na versão mais recente e um forum.
Sublime Text é rápido e fácil de escrever código e navegar no seu caminho quando você sabe o que está fazendo. O Visual Studio oferece mais suporte à mão e é uma ótima opção para sua funcionalidade de depuração, mas pode atrasar alguns programadores experientes quando se trata de escrever código.