Texto de: Lucas Galdino
Introdução
O Visual Studio Code é uma das IDEs (Integrated Development Environment, ou ambiente de desenvolvimento integrado) mais populares do mercado. Essa ferramenta é multi-plataforma, estando disponível para os sistemas operacionais Windows, Linux e MacOS e pode ser adaptada para as necessidades de quem a usa através da instalação de extensões. Ao longo deste artigo, veremos esse processo em detalhes.
Instalando
Para iniciar a instalação basta entrar no site oficial: https://code.visualstudio.com/ e fazer o download do instalador.
Após baixar é só abrir o instalador com dois cliques e seguir os passos do wizard. Na primeira tela é necessário apenas aceitar e clicar em próximo.
A seguir vem a localização da instalação, você pode escolher o local de preferência.
Na próxima parte, a opção é apenas a criação do atalho do VSCode no seu Menu Iniciar, isso fica a seu critério.
Agora vem uma parte importante da instalação: a criação de alguns atalhos que podem facilitar muito o uso da IDE no dia a dia. Recomendo selecionar as opções da imagem abaixo.
Após isso basta clicar em instalar e pronto, temos o VSCode instalado. Agora testaremos se a instalação ocorreu corretamente. Ao clicar em qualquer espaço em branco numa pasta com o botão direito do mouse, você terá uma opção que fará com que a pasta em questão seja aberta no VSCode.
Você pode também selecionar uma pasta e clicar com o botão direito do mouse nela, dessa forma:
Caso você esteja no Windows 11 talvez seja necessário clicar no botão “Mostrar mais opções” para aparecer as opções do VSCode.
Para testar se o VSCode foi adicionado ao PATH corretamente podemos fazer o seguinte, utilizar o comando code . no seu terminal de preferência:
Ao utilizar esse comando, a pasta para onde o terminal está apontando irá ser aberta no VSCode. Uma vez que isso tenha funcionado, pronto, a instalação foi concluída com sucesso!
Outras instalações
Como a instalação no Linux pode variar um pouco de distro para distro vou deixar aqui um link para satisfazer essa necessidade, já que colocar todos os tutoriais de cada distro aqui nesse artigo ficaria inviável. E como o número de usuários do MacOS é menor ou às vezes já é mais experiente, vou deixar apenas um link para a instalação nessa plataforma também.
Configurações
Geralmente o VSCode vem em inglês, mas você pode deixar ele em português clicando no ícone da loja de extensões e procurando por “pt br”, desse jeito:
Basta clicar em install e depois em restart na janela que irá aparecer e pronto. O VSCode estará em português.
Para acessar as configurações você pode utilizar o comando “CTRL + ,” ou navegar até aqui para acessar:
Aqui você irá encontrar todo tipo de configuração relacionada a IDE, mas as mais comuns e uteis para quem está começando agora são a de “auto save”, e de "format on save". A primeira configuração serve para você configurar o salvamento automático dos seus arquivos, que pode acontecer com a mudança de foco de uma aba ou janela, ou após um determinado intervalo de tempo. Já a configuração “format on save” permite que o seu código seja formatado ao salvar. De toda forma, essas configurações vão de sua preferência.
Atalhos
Você pode acessar o menu dos atalhos da IDE utilizando o comando “CTRL + K CTRL + S”, basta segurar o CTRL e apertar K e S um após o outro. Ou você pode navegar por aqui:
Aqui você poderá ver todos os comandos e atalhos pré-definidos do VSCode, o mais utilizado é o “CTRL + S” que serve para salvar o código, esse vale a pena decorar quanto antes.
Extensões
Esse ícone na esquerda que são 4 quadrados com um sendo encaixado é referente a loja de extensões do VSCode. Existem centenas de extensões que você pode instalar e que possuem os mais variados usos, como a extensão de tradução citada acima.
As extensões mais comuns são as que dão algum tipo suporte às linguagens de programação. Por exemplo, ao digitar Python, logo de cara veremos uma extensão com o nome da linguagem e feita pela própria Microsoft, ou seja, a extensão oficial da linguagem para o VSCode. É sempre recomendado instalar as extensões referentes às linguagens com as quais você vai querer trabalhar no seu ambiente, dessa forma você tem acesso ao highlight do código referente à linguagem e até mesmo a funcionalidade de autocomplete de alguns termos da linguagem.
Outra extensão bem útil e bastante utilizada é o Code Runner. Com essa extensão você consegue executar o seu código no próprio VSCode com o comando “CTRL + ALT + N” para iniciar a execução e “CTRL + ALT + M” para parar a execução.
Conclusão
Então é isso, nesse artigo vimos algumas informações básicas sobre a IDE e algumas dicas sobre esse software que pode ser usado em diversos projetos de código das formas mais variadas.
