Ferramentas

VS Code - O que é e por que você deve usar?

O VS Code é um dos editores de código mais utilizados no mundo. Conheça melhor essa ferramenta e entenda o motivo de sua popularidade.

há 2 anos 10 meses


Você sabia que a TreinaWeb é a mais completa escola para desenvolvedores do mercado?

O que você encontrará aqui na TreinaWeb?

Conheça os nossos cursos

Olá, Web Developers! É provável que você já tenha ouvido falar do VS Code. Vamos conhecê-lo melhor e certamente entenderá o motivo de programadores no mundo todo usá-lo.

O que é VS Code?

O Visual Studio Code (VS Code) é um editor de código de código aberto desenvolvido pela Microsoft.

A saber, ele está disponível para Windows, Mac e Linux. É criado com Electron, ferramenta criada pelo GitHub que permite a criação de softwares Desktop com HTML, CSS e JavaScript.

Não confunda com o Visual Studio

O Visual Studio é uma IDE desenvolvida pela Microsoft, dedicada ao .NET Framework e a linguagens como C, C++, C# e F#. Por ser uma solução completa, é uma ferramenta bem mais pesada.

Já o VS Code é um Editor de Código, o qual possui as funcionalidades mais simples como:

  • edição de código com suporte a várias linguagens de programação;
  • terminal de comandos integrado;
  • controle de versão;

Por isso é uma ferramenta bem mais leve. Mas não é apenas isso!

JavaScript - Fundamentos
Curso JavaScript - Fundamentos
Conhecer o curso

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.

Já fizemos aqui no blog uma série de posts indicando as melhores extensões de VS Code para desenvolvedores Front-End.

VS Code é customizável

Certamente é mais agradável usar uma ferramenta que atenda ao seu gosto e necessidades.

As necessidades já são supridas pelo enorme número de extensões disponíveis. E o gosto também é atendido, já que o VS Code é bem customizável.

Você pode alterar a aparência dele manualmente ou baixar temas na loja de extensões.

Além disso, cada funcionalidade (tanto do VS Code quanto das extensões) podem ter seu comportamento alterado na tela de configurações, que é bem simples e intuitiva.

VS Code - Configurações

Se algo na tela não te agrada, você pode esconder.

Acima de tudo, também podemos fazer login no VS Code para manter nossas configurações salvas na nuvem. Dessa forma podemos manter nossas preferências e extensões sincronizadas em computadores diferentes.

Extra: Dica de ouro de produtividade no VS Code

O VS Code possui vários atalhos de teclado que facilitam o nosso trabalho. A saber, esses atalhos podem ser customizados. Além disso, você pode atribuir teclas de atalho para funcionalidades existentes mas que não possuem um atalho definido.

Como programadores, quanto mais tempo mantermos as mãos no teclado, melhor. Afinal, pressionar algumas teclas é bem mais rápido do que ir com a mão até o mouse e sair clicando e procurando o que você precisa.

Mas você não precisa saber todos os atalhos logo no começo!

Pressione Ctrl + Shift + P (Cmd + Shift + P no Mac) ou F1. Isso vai abrir um campo onde você pode procurar pelo comando que quer realizar.

Além de permitir executar rapidamente QUALQUER coisa (desde o simples copiar e colar até funções mais complexas), caso essa funcionalidade tenha um atalho, este será exibido. Assim, você poderá executar qualquer comando sem saber seu atalho e vai aprendendo eles aos poucos.

VS Code - Paleta de Comandos

React - Despertando o Poder dos Hooks
Curso React - Despertando o Poder dos Hooks
Conhecer o curso

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 editor de código mais usado e querido pelos programadores das mais diversas linguagens de programação.

Não deixe de conferir nosso guia de instalação do VS Code para Windows, Linux e Mac.

Autor(a) do artigo

Akira Hanashiro
Akira Hanashiro

Graduado em Análise e Desenvolvimento de Sistemas, Pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning. Especializado em Front End e curte desenvolvimento de jogos.

Todos os artigos

Artigos relacionados Ver todos