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!
☝ ESTÁ ACABANDO O TEMPO, FAÇA O DOWNLOAD GRATUITAMENTE
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.
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.
🔴👇 🔴👇 🔴👇
🎁 Dica Bônus:
Extensão HTML5 Preview
Essa extensão dará a possibilidade de visualizar a página HTML feita pelo VS Code, sem precisar sair do editor e entrar no navegador padrão do pc.
Acompanhe os passos para instalar e como executar a extensão.
Passo 1:
Abra o VS Code e clique no menu Ver, ou a tecla de atalho Ctrl+Shift+X
Passo 2:
Digite html, logo aparecerá as extensões relacionada. Localize a extensão de nome HTML Preview
Passo 3:
Ao localizar a extensão desejada, peça para instalar.
Passo 4:
Neste passo é interessante fechar o VS Code e abrir de novo, com isso irá dar inicio a função.
Passo 5:
Para visualizar a extensão agindo, abra o seu arquivo HTML pretendido e combine a seguinte tecla de atalho: Ctrl + Shift + V
Logo irá aparece uma segunda aba com a página de preview, como mostrado na imagem:
