Blog

Postado em em 7 de dezembro de 2022

Como Instalar o VS Code para Programação Em JavaScript e Python?

Quer aprender como instalar o VS Code para começar a programar em JavaScript, Python ou qualquer outra linguagem de programação?

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

O que é o VS Code?

O VS Code é um editor de texto turbinado para programação!

Isso mesmo! Significa que ele tem ferramentas para te ajudar na hora de escrever um código, assim como um corretor ortográfico faz.

Essa ferramenta torna o processo de escrever códigos mais prazeroso, divertido, leve e até mais bonito.

Isso porque podemos baixar várias extensões dentro dele, o próprio Python, extensões que tratam a organização, aparência do código, etc.

Para te dar uma visão geral sobre o alcance desta ferramenta, com ela podemos trabalhar muito bem com:

  • JavaScript;
  • Python;
  • C Sharp;
  • Java;
  • Linguagem C;
  • HTMS;
  • CSS e várias outras linguagens.

Para quem está aprendendo programação ou para quem já faz aplicações, ter o VS Code instalado ajuda muito no trabalho.

Vamos começar a instalação? É muito simples!

Passo a passo:

Abra o Google e escreva “Visual Studio Code” -> clique no primeiro link.

site
Site
Como Instalar o VS Code
Pagina inicial

Fonte: https://code.visualstudio.com/

Pode aparecer de primeira o download para Windows, mas este programa pode ser baixado para Mac e Linux também.

Clique em baixar e instalar, na parte onde aparecem as caixas de opções, todas podem ser marcadas como na imagem abaixo.

Download
Download

Concluída a instalação, vai aparecer uma tela simples.

No canto superior esquerdo desta tela temos um botão chamado “Abrir Pasta” nele vamos abrir a pasta para começar a escrever um novo código.

Abrir pasta.
Abrir pasta.
Como Instalar o VS Code
Criando uma pasta.

Clicando no botão vai se abrir esta imagem acima, crie uma pasta e renomeie, nela vamos começar um novo código.

Após renomear clique em “Selecionar Pasta”.

Aceitar.
Aceitar.

Vai aparecer esta mensagem, clique em “sim, confio nos autores” porque esta é uma pasta que nós mesmos estamos criando.

Na parte superior esquerda passando o mouse vão aparecer algumas opções de ícones como mostra a imagem abaixo.

Clique no ícone indicado para ter acesso a barra de fórmulas.

ícone
Ícone

Se escrevermos “código.js” o VS Code já consegue identificar que este código pertence à linguagem JavaScript.

O que é o VS Code
JavaScript

Após reconhecer a linguagem, o VS Code vai colorir e corrigir o código conforme o que é usual para o JavaScript.

Colorindo em azul por ser uma palavra-chave, por exemplo…

Este tratamento do código pode parecer bobagem no começo, mas facilita muito a leitura quando o código estiver enorme!

Outra vantagem importante é que o VS Code é um aplicativo leve, tê-lo em seu computador não vai tornar o processo mais demorado, ao contrário, ele é mais leve do que a imensa maioria de aplicativos que cumprem o mesmo fim.

Dicas de Extensões:

Algumas extensões, considero importantes de serem baixadas, vou deixar como uma sugestão aqui para vocês:

  • Python

Escreva Python na barra e clique em instalar.

O que é o VS Code
Python

É importante ressaltar que você não está instalando o Python no seu computador, o que acabamos de fazer é instalar a extensão que reconhece o Python no VS Code.

Ou seja, se você não tem o VS Code no seu computador, pode acontecer do programa não rodar o código, então para garantir vamos fazer a instalação do Python também.

Como Instalar o VS Code
site Python

Clique no botão de download e baixe a versão mais recente, a instalação é bem simples a única recomendação que dou para te prevenir de problemas futuros é que você selecione durante a instalação a opção Add python.exe to Path.

Como Instalar o VS Code
add python.exe to Path

Selecione esta opção e continue com a instalação normalmente.

Dica de configuração:

Você já usou o atalho control+shift+P no VS Code? Se ainda não usou faça o teste, você vai encontrar uma lista com diversas opções de temas para mudar a cor dos seus códigos e facilitar quando for fazer códigos mais complexos, dois dos mais famosos são:

  • One Dark
  • Dracula official

Devemos baixar a extensão para JavaScript?

A resposta é não! Na verdade, baixamos o Python porque esta extensão melhora o desempenho do VS Code.

No caso do JavaScript o VS Code já é robusto e não precisa de extensão.

  • Live Server

Esta extensão é vital para visualizar o site durante a sua criação de uma forma rápida e dinâmica.

Como Instalar o VS Code
Live Server
  • Prettier

Por último deixo a dica de baixar a extensão do Prettier, esta aplicação deixa o código mais bonito e organizado, mais fácil de ler.

Como Instalar o VS Code
Prettier

Pronto! Agora está mais fácil iniciar ou aplicar seus conhecimentos em programação!

Se você quer conhecer mais ou tirar dúvidas sobre JavaScript, clique no link!

Conclusão – Como Instalar o VS Code

Nessa aula eu te mostrei como instalar o VS Code e te mostrei uma breve introdução ao programa para que você possa trabalhar com diversas linguagens de programação e não somente o Python.

Usando esse recurso, os seus códigos vão ficar mais fáceis de programar e até mesmo de visualizar, o que facilita na hora de entender o que foi feito.

O VS Code faz a indentação, ou seja, identifica o código com suas respectivas estruturas, então você vai notar a separação de itens, as cores também, e isso tudo vai facilitar muito na hora de programar e vai deixar tudo mais fácil de entender.

Espero ter ajudado! Até a próxima! Abraço,

Hashtag Treinamentos

Para acessar publicações de JavaScript, clique aqui!


Quer aprender mais sobre JavaScript com um minicurso básico gratuito?

Quer sair do zero no Python e virar uma referência na sua empresa? Inscreva-se agora mesmo no Python Impressionador