Como instalar e configurar o VS Code no Windows

Se você deseja mergulhar no mundo da programação com Python e aproveitar ao máximo sua experiência de desenvolvimento, aprender a instalar e configurar o VS Code é um passo crucial.

O Visual Studio Code é muito mais do que apenas um editor de código; é uma ferramenta de potência inigualável que tem conquistado programadores em todo o mundo.

Mas o que é VS Code e para que serve?

O Visual Studio Code é um editor de código-fonte que combina leveza com potência, proporcionando uma experiência de desenvolvimento incrivelmente eficiente. Desenvolvido pela Microsoft, tem suporte nativo para JavaScript, TypeScript e Node.js e oferece um ambiente ideal para desenvolvedores.

Além disso, o VS Code é conhecido por seu robusto ecossistema de extensões, as quais melhoram a organização, a aparência e a funcionalidade do código. Por isso, ele é adaptável para praticamente qualquer linguagem de programação, incluindo C++, C#, Java, Python, PHP, Go, .NET e muitas outras. Isso faz dele uma ferramenta valiosa tanto para quem está aprendendo a programar quanto para desenvolvedores experientes.

A partir de agora, vamos orientá-lo sobre como instalar e configurar o VS Code para Python no Windows, além de revisar alguns conceitos introdutórios sobre esse software de edição de código. Mas, se preferir uma abordagem audiovisual, pode acompanhar o passo a passo neste vídeo:

Como baixar e instalar o VS Code no Windows?

Para baixar o VS Code, acesse o site oficial da ferramenta e clique em Download for Windows.

Assim que terminar o download, clique no arquivo para realizar a instalação. Para prosseguir, você precisará aceitar os termos de uso.

Em seguida, escolha a pasta do seu computador onde será instalado o VS Code.

Na tela seguinte, o instalador notifica que irá criar os atalhos do programa. Se não quiser que isso ocorra, marque a opçao Não criar uma pasta no Menu Iniciar. Do contrário, apenas clique em Próximo.

Agora, você deverá se atentar a um ponto importante: marcar a opção Adicione em PATH. Isso é necessário para que o software fique disponível nas suas variáveis de ambiente, portanto copie as configurações do exemplo abaixo para funcionar.

O próximo passo é revisar se todas as configurações estão corretas. Caso sim, clique em Instalar; mas, do contrário, clique em Voltar e corrija o que for necessário.

Após a instalação, se tudo ocorrer bem, clique em Concluir para abrir o editor.

Como configurar o VS Code?

A partir de agora, será necessário realizar algumas configurações da ferramenta.

1. Customização: ícones e temas

Antes de tudo, é importante que você deixe o VS Code do seu jeito. Ao abri-lo pela primeira vez, você verá algumas opções de customização. À direita da sua tela, você pode escolher entre os temas Dark Modern, Light Modern, Dark High Contrast e Light High Contrast ou poderá clicar em See More Themes… para ver mais.

Outras tantas opções você pode conferir na página do VS Code Themes.

Existem temas para todos os gostos, cores e estilos, mas o preferido da equipe aqui na Asimov Academy é o One Dark Pro, que também pode ser encontrado no VS Code Themes. Para quem prefere uma opção mais clara, recomendamos o Atom One Light.

O passo a passo detalhado de como instalar temas no VS Code, nós já ensinamos no artigo Temas do VSCode: conheça os mais usados. No entanto, você precisa saber que temas e cores não interferem no código em si. Por outro lado, tornam o código mais intuitivo e fácil de ler para quem já está acostumado com as cores e padrões configurados.

2. Explorer

Na barra do lado esquerdo do seu editor está o Explorer. Mas, caso ele não esteja aberto, você pode ir em View → Explorer ou usar o atalho Ctrl+Shift+E (ou Cmd+Shift+E no macOS). Depois que você abrir o seu projeto ou workspace, o Explorer exibirá todos os arquivos e pastas desse projeto. Por ele, você consegue navegar pelo projeto, criar, excluir e renomear arquivos e pastas, além de conseguir movimentar qualquer item apenas clicando e arrastando.

3. Abas

Na parte superior da janela, temos as opções de edição de arquivo. Em File → New File, podemos criar um novo arquivo no editor, e em File → Open Folder é possível abrir projetos (pastas) ou até mesmo criá-los.

Um pouco abaixo das opções básicas da janela, temos as abas. Nesse campo, é possível transitar entre diferentes arquivos e códigos do mesmo projeto, o que permite ao programador maior versatilidade e agilidade em seus trabalhos.

Não é essencial decorar esses campos e áreas do VS Code, pois com o tempo o uso do software se tornará intuitivo e prático.

4. Extensões

As extensões são como aplicativos complementares instalados no VS Code e nos fornecem funcionalidades extras.

Já existem muitas extensões disponíveis, porém muitas novas são adicionadas regularmente. Como não é possível abordar todas neste artigo, citaremos as que utilizamos nos cursos da Asimov Academy.

Dessa forma, com o Visual Studio Code aberto, pressione Ctrl+Shift+X ou localize o ícone de extensões no menu lateral direito da tela. A primeira opção a aparecer costuma ser Python; contudo, se isso não ocorrer, pesquise por Python na barra Search Extensions in Marketplace e clique em Install.

Da mesma forma, pesquise Jupyter e instale a primeira opção.

5. Atalhos

Um bom e experiente programador sabe como acessar as funcionalidades disponíveis em seu editor da maneira mais eficiente possível. Para isso, vamos configurar alguns atalhos que irão facilitar o nosso trabalho ao longo do tempo.

Pressione Ctrl+Shift+P (ou Cmd+Shift+P no MacOS) para abrir o campo de pesquisa.

Nele, digite Shortcuts e selecione a opção Preferences: Open Keyboard Shortcuts.

Na aba que se abrirá, digite Run Selection e dê um clique duplo em Jupyter: Run Selection/Line in Interactive Window para alterar o atalho. Altere o atalho para Ctrl+Enter, aperte Enter novamente para confirmar. Se abaixo estiver escrito “… existing commands have this keybinding”, clique na mensagem e exclua todos os outros comandos que não aquele que acabamos de configurar. Para excluí-los, basta selecioná-los e apertar Delete.

Repita o mesmo processo citado acima para os seguinte comandos:

• Jupyter: Run Selection/Line in Interactive Window → Ctrl+Enter (para rodar as células selecionadas pelo cursor)
• Jupyter: Run All Cells → Shift+Ctrl+Enter (para rodar todas as células)
• Jupyter: Run Cells Above Current Cell → Shift+Ctrl+Up (para rodar todas as células acima da célula selecionada)
• View: Toggle Terminal → Alt+T (para esconder o terminal)

Caso esteja tendo problemas ao executar as células do Python pelo Jupyter (erro característico do Windows), vá em File → Preferences → Settings e digite Send Selection To Interactive Window.

Após pesquisar pelo termo, certifique-se de que a box Jupyter > Interactive Window > Text Editor: Execute Selection esteja marcada.

Como criar o primeiro projeto no VS Code?

Após instalar e configurar o seu VS Code, já está tudo pronto para criar o seu primeiro projeto!

O primeiro passo é criar uma pasta em algum local de fácil acesso no seu computador para que possa acessar pelo programa após isso. No exemplo abaixo, criei uma pasta chamada Projeto 1 – Asimov para que possamos criar nossos primeiros códigos de Python dentro da pasta.

No VS Code, vá em File → Open Folder e selecione a pasta criada anteriormente.

Para criar o nosso primeiro arquivo de Python, clique em New File (ícone mais à esquerda nas opções da pasta) na aba do Explorer ou acesse File → New File e crie um arquivo com a extensão .py. O arquivo aparecerá no Explorer, à esquerda do programa, onde poderá ser manipulado com outros arquivos que aparecerem dentro deste mesmo projeto.

Após a criação do arquivo, ele já estará na sua tela principal do VS Code.

Escolhendo a Instalação de Python

O VS Code pode usar diferentes instalações de Python no seu sistema. Para escolher qual usar, clique no número da versão de Python no canto inferior direito e selecione a instalação desejada.

Conclusão

O Visual Studio Code é um editor de código desenvolvido pela Microsoft que se destaca pela sua simplicidade e extensibilidade. Ele é amplamente utilizado por programadores devido à sua capacidade de oferecer um ambiente de desenvolvimento eficiente para uma variedade de linguagens, incluindo Python.

Este tutorial forneceu um guia completo para instalar e configurar o VS Code para Python de forma eficiente no Windows, além de mostrar como lidar com problemas comuns que poderiam consumir muito mais tempo.

Alguma dúvida sobre como instalar e configurar o VSCode no Windows? Comente aqui embaixo!