Visual Studio Code: Um excelente editor de código-fonte
- #HTML
- #JavaScript
- #Node.js
Introdução
O Visual Studio Code é um editor de código-fonte muito popular entre os programadores. Disponibilizado pela Microsoft e Multiplataforma. Ele vem com suporte integrado para JavaScript, TypeScript e Node.JS e tem um rico ecossistema de extensões para outras linguagens (como C++, C#, Java, Python, PHP, Go).
Ele é gratuito e open source, com seu código disponibilizado no GitHub, e isso permite que você contribua com seu desenvolvimento.
Você pode baixar a versão correspondente do VSCode para a sua plataforma neste link :
https://code.visualstudio.com/download
Sumário
- Por que usar o VS Code
- Uma poderosa ferramenta com diversas funcionalidades
- Controle de versão do Git
- Edição focalizada em código
- Navegação de código
- Compreensão de código
- Projetos e arquivos
Por que usar o VS Code?
- Ferramenta simples;
- Código aberto;
- Arquitetura bem planejada;
- Possibilidade de customização;
- Várias funcionalidades e atalhos;
- Rica loja de extensões;
- Facilidade em criar e publicar extensões (escritas em JavaScript ou TypeScript);
- Essas são algumas das razões que tornou o VS Code no proofreader de código mais usado e querido pelos programadores das mais diversas linguagens de programação.
Uma poderosa ferramenta com diversas funcionalidades
O VS Code é capaz de fazer muitas coisas que nos ajudam a trabalhar melhor.
A princípio ele é uma ferramenta muito simples, mas ele possui uma loja de extensões imensa, e que continua crescendo.
Ou seja, com essa enorme coleção de extensões, podemos adicionar diversas funcionalidades ao VS Code de forma bem simples. Dessa maneira, ele pode facilmente ser comparado a grandes IDEs pagas.
Qualquer um pode criar uma extensão e publicar na loja. Desse modo, sempre há novas ferramentas que podem ser interessantes para alguém.
O VSCode atende uma quantidade enorme de projetos (ASP .NET, Node.js) e oferece suporte a mais de 30 linguagens de programação como JavaScript, C#, C++, PHP, Java, HTML, R, CSS, SQL, Markdown, TypeScript, LESS, SASS, JSON, XML e Python assim como muitos outros formatos de arquivos comuns.
Controle de versão do Git
Adote fluxos de trabalho modernos com o poder e a flexibilidade do Git. Veja arquivos alterados, compare e faça confirmações direto do editor. Conecte-se ao o universo Git inteiro extraindo e enviando código para qualquer editor remoto – GitHub, Azure Web Apps, Visual Studio Team Services e muito mais.
Edição focalizada em código
Um editor leve de primeira classe, com gestos centralizados no teclado significa que você nunca precisa alcançar o mouse. Abra arquivos grandes ou pequenos instantaneamente no seu código sem distrações. Aproveite os recursos de edição avançados, tais como cursores múltiplos, salvamento automático e muito mais.
Navegação de código
Permaneça no contexto enquanto você se move através de grandes arquivos de código e através da sua base de código. A barra de rolagem aprimorada realça os problemas no arquivo atual, a localização integrada suporta expressões regulares. Estrutura de tópicos de código, navegação e definição de inspeção o ajudam a obter onde você precisa para ser rápido.
Compreensão de código
O IntelliSense descreve as APIs enquanto você digita, com preenchimento automático para aumentar a velocidade e a precisão. As ferramentas de informações rápidas permitem que você inspecione definições de API, e os “rabiscos” informam sobre problemas enquanto você digita.
Projetos e arquivos
Com o VSCode é possível abrir tanto um único arquivo como uma pasta completa e pode utilizar os arquivos abertos como base para oferecer opções no IntelliSense dinamicamente, como é o caso dos arquivos JSON de configuração dos projetos ASP.NET 5.
Com um format simplificado e intuitivo, o objetivo é maximizar a área do proofreader, buscando deixar mais espaço para a navegação e acesso completo ao contexto da pasta ou do projeto. A connection point de usuário (UI) é dividida em quatro partes principais:
- Proofreader: área head para an edição dos arquivos, onde podemos abrir até três editores lado a lado;
- Side Bar, cujo conteúdo varia de acordo com an ação a ser executada (explorar arquivos, interagir com o Git, and so on.);
- Status Bar: indica as informações sobre o projeto aberto e os arquivos que são editados;
- View Bar, onde temos a possibilidade de alternar entre as perspectives do projeto e ainda ter os indicadores de contexto, como o número de alterações realizadas, caso o Git esteja habilitado.
Um recurso interessante no supervisor é que ele preserva o estado dos arquivos, designs e pastas no momento em que ele é fechado, o que quer dizer que quando o proofreader for reaberto, tasks os itens serão restaurados na forma como estavam anteriormente.
Atenção:
Esse material está sendo produzido ao longo do meu aprendizado no bootcamp, podendo ser melhorado e encorporado mais informações relevantes para os DEVS em desenvolvimento.
Quem se sentir a vontade para da uma opinião, agregar com alguma informação que possa ser incluído no artigo, deixe seu comentário ai abaixo.
Agradeço a todos os DEVS que colaborarem e lerem esse artigos, pois o mesmo foi feito com a intenção de agregar nosso conhecimento ao longo da nossa jornada aqui na DIO.
Referências:
https://www.treinaweb.com.br/blog/vs-code-o-que-e-e-por-que-voce-deve-usar
https://elvisherlan.com/2021/10/26/vs-code/
https://www.macoratti.net/16/05/vs_code1.htm
https://www.devmedia.com.br/introducao-ao-visual-studio-code/34418