Article image
Johnata Estevam
Johnata Estevam15/06/2022 11:23
Compartilhe

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

  1. Por que usar o VS Code
  2. Uma poderosa ferramenta com diversas funcionalidades
  3. Controle de versão do Git
  4. Edição focalizada em código
  5. Navegação de código
  6. Compreensão de código
  7. 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

Compartilhe
Comentários (1)

EM

Eric Moura - 21/06/2022 14:44

Muito bom o conteúdo, ajudou muito.