Pesquisar
Close this search box.

Visual Studio Code: Como instalar [Tudo o que precisa saber] 2023

Visual Studio Code é um software muito usado pelos desenvolvedores, venha saber o por que que ele é tão usado e falado por ai

O Visual Studio Code é muito requisitado hoje em dia por muitos desenvolvedores, mas você já se perguntou se essa ferramenta da Microsoft é para você, ou se ela é fácil de se usar, quanto ela custa? continua conosco que nós iremos responder todas suas perguntas, e mostrar tudo o que você precisa saber.

Todo desenvolvedor (ou aspirante), trabalhe ele com Python, HTML, CSS, JavaScrpit, VueJs e muitas outras, precisa das ferramentas corretas e bem afiadas para executar um bom trabalho com precisão, e acima de tudo, entender e dominar a ferramenta que usa.

Com vscode não é diferente, pois são tantas possibilidades que deixa de ser simples, mas fica tranquilo aí, eu vou mostrar detalhadamente, para que ele serve e se ele realmente serve para você, quais os recursos que você já ganha só de instalar ele (como instalar o Visual Studio Code também, é claro), como o auto-complete de código funciona, a facilidade em executar e analisar a execução do seu código, o Git completo que já vem com ele, e o melhor, ao infinito e além com a extensões do vscode. Mas calma que isso ainda não é tudo, fica até o final que eu vou te dar dois bônus que vão facilitar muito a sua vida. 

O que é vscode

Ele é um software de código aberto em formato em IDE ele foi criado pela Microsoft (site oficial) em 2015 sendo usado HTML, CSS, JavaScript (as três foram criadas em 1995), e hoje em dia são as mais usadas pra quem é desenvolvedor, mas ele não tem todas as linguagens já embutidas nele.

Porém eles criaram uma função de adicionar a linguagem que você for trabalhar, o vscode está disponível para Windows, Mac, Linux Ubuntu, e se você tiver um computador mais antigo que não tenha espaço na memória, também tem a versão online dele, só que nem todas as funções do vs code estará disponível. 

existem extensões que serve para melhorar nossa produção e assim tornando suas horas mais produtivas, mas tem algumas extensões que não são possíveis de serem baixadas no online, e tem algumas extensões por serem muito boas elas acabam sendo pagas, mas é coisa de R$40 no mês.

Para que serve o visual code

Ele serve para quem quer começar a programar, por que no vs code apesar dele ser um software que consome pouco espaço na memória, você consegue criar muita coisa, mas para isso você precisar saber o que cada linguagem faz, as primeiras linguagens recomendadas para se aprender é o HTML5, CSS e o Javascript. 

Eles vão ser importantes para você entender qual é a estrutura de um site (HTML) como você pode customizar qualquer coisa, por exemplo fazer uma imagem parecer que está flutuando (CSS) ou fazer uma tela de login (Javascript). 

Como funciona o vscode online?

Ele é igual a versão instalada, o único diferencial dele é que ele não suporta alguma funções que o instalado já tem, como por exemplo o executar e depurar

Quais Linguagens o vscode suporta

Ele suporta muitas linguagens já inclusas nele:

  • C++
  • C#
  • CSS
  • Dart
  • Dockerfile
  • F#
  • Go
  • HTML
  • Java
  • JavaScrpit
  • JSON
  • Julia
  • Less
  • Markdown
  • PHP
  • PowerShell
  • Python
  • R
  • Rust
  • SCSS (SASS)
  • T-SQL
  • TypeScript

Além de todas essas, você ainda pode adicionar suporte a qualquer outra linguagem através das extensões.

Quais são os recursos do Vscode

O vs code tem muitos recursos, por exemplo o intellisense, Executar e Depurar, (hoje em dia ela não está disponível para a versão web), extensões e a possibilidade de adicionar linguagens, e esses recursos são muito usados por exemplo o intellisense é como se fosse um auto complete, o executar e depurar que é basicamente você pode testar algum código que você fez o depurar serve para você ter o controle da situação então você pode parar o processo pode voltar uma linha ou avançar uma linha.  

As extensões têm muito conteúdo, por exemplo você pode customizar o seu vscode e adicionar novas linguagem, e se quiser você pode contribuir com o visual code, quando você entra no GitHub pesquisa sobre Visual Code você encontrara alguns projetos públicos, e se você quiser contribuir é só você clicar em qual você quiser ajudar e melhorar código.

Visual Studio Code é seguro?

Sim, o Vscode é um editor de código-fonte seguro e confiável. Ele é desenvolvido pela Microsoft e é amplamente utilizado por desenvolvedores em todo o mundo.

Ele tem medidas de segurança internas para proteger o usuário e seu sistema, como verificações de integridade e assinaturas de código. Além disso, o vs code tem uma extensa base de usuários e uma grande comunidade de desenvolvedores, o que significa que qualquer problema de segurança é rapidamente identificado e corrigido.

É importante lembrar, no entanto, que é sempre recomendável tomar medidas de segurança adicionais, como manter o sistema atualizado com as últimas atualizações de segurança e proteger a rede com uma conexão segura.

Vantagens e desvantagens do visual code

Existem muitas vantagens de usar o vscode mas você sabe as desvantagens?

Vantagens

A leveza dele, o sistema de depurar é muito bom também para poder testar o seu código, o sistema de extensões também é muito bom e muito útil, o intellisense que ajuda a você não esquecer de nenhum código fazendo o autocomplete.

Um pouco sobre o Intellisense

Desvantagens

As Desvantagens Do vscode são quase nulas as únicas desvantagens que ele tem é bugs das versões, porém eles lançam uma atualização para corrigir o bug e assim o app ficar melhor.

O vscode é o melhor editor?

Apesar do Visual Code ser muito popular e muito utilizado por desenvolvedores em todo o mundo e também oferecer uma ampla gama de recursos e ferramentas para ajudar os desenvolvedores a escrever, depurar e depurar código de maneira mais eficiente e ainda ser compatível com uma ampla variedade de linguagens de programação e tem uma extensa biblioteca de extensões disponíveis para adicionar recursos adicionais.

Não podemos dizer nem que sim e nem que não, é um belo DEPENDE.
É importante lembrar que o “melhor” editor de código-fonte depende do seu próprio conjunto de necessidades e preferências.

O vscode pode ser uma opção excelente para alguns desenvolvedores, mas outros podem preferir outros editores de código-fonte, como o Sublime Text, o Atom ou o Eclipse, ou até mesmo as IDEs.
escolha do editor de código-fonte ideal depende de fatores como as linguagens de programação que você está usando, suas necessidades de depuração e depuração e suas preferências pessoais em termos de interface do usuário e recursos disponíveis.
Então use, teste, modifique, e depois de um bom período, nos dê a sua opinião, ele é o melhor para você?

Visual Studio Code

Flávio Visciano

Preço
Linguagens Nativas
Recursos nativos
Suporte para sistemas
Performance
Suporte à Extensões
Facilidade na Instalação
Facilidade de uso
Customização

Conclusão

O Visual Studio Code é um excelente editor de código que chega muito próximo de uma IDE graças a sua flexibilidade na parte de extensões e na customização.

4.4

Como Instalar o Visual Studio Code

Aqui eu mostrarei o passo a passo de como estar instalando o Visual studio code no Windows, Mac , Linux Ubuntu o vscode é muito leve e hoje ele está pesando atualmente menos de 100mb então não se preocupe com memória do seu computador.

  • Windows

    • 1. Baixe o vscode.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 377cb5ca windows | dicas/guias
      Página de download do visual code

      Clique aqui para fazer o Download do vs code.

    • 2. Autorize o download.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 8d8f1ee3 e se aparacer | dicas/guias
      Por segurança o Windows pode te pedir permissão.

      E se aparecer essa mensagem basta clicar em manter que seu download vai ser finalizado.

    • 3. Clique no arquivo baixado.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | ec3488e6 meio | dicas/guias
      abra o executor do aplicativo.

      Pronto seu Download está finalizado, agora clique um vez em cima dele, para ele abrir o executor.

    • 4. Leia e aceite os termos.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 0b31b7c8 comeco de instalacao | dicas/guias
      Os termos de licença.

      Aqui você vera os termos de uso, clique em aceitar para poder avançar para próxima etapa.

    • 5. Arquivo de instalação preferido.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | edf2e2a8 continuacao instalacao | dicas/guias
      selecionar o arquivo que você queira.

      Aqui caso você queira mudar onde o Vs code será instalado aperte em procurar e selecione a pasta ou se você tiver outro disco de memória no seu computador e quiser usar ele para não consumir espaço no seu disco principal.

    • 6. Selecione a Pasta.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 6564916e image | dicas/guias
      ir ate o disco local

      Assim que você clicar em procurar aparecera essa nova tela aí você pode escolher a pasta que você quer instalar ele, mas se você não quiser selecionar uma pasta e sim um disco role a página pra cima.

    • 7. Olhar os discos que tem no sistema.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 62e74fb6 abertura instalacao | dicas/guias
      minimizar o disco local.

      Agora aperte uma vez no disco local (C:) para minimizar as pastas e você poder enxergar o outro disco.

    • 8. Selecione o Disco que quer.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 42c0f407 image | dicas/guias
      selecionar outros disco se você quiser.

      E aparecera os discos que você tem e se quiser instalar no outro é só apertar no nome do disco e selecionar a pasta que você quer instalar.

    • 9. Criar algum atalho

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 67187f10 outras pastas instalacao | dicas/guias
      selecionar alguma pasta especifica para criar um atalho do software.

      Aqui se você quiser selecionar uma pasta específica para ele criar um atalho do vscode se voce quiser clique em procurar e selecione a pasta que deseja. 

    • 10. funções importantes.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | c597ce58 opcoes importantes | dicas/guias
      Selecionar as funções que estão disponíveis.

      Essas duas funções são bem funcionais elas server para quando você aperta em algum arquivo com o botão direito do mouse ele dá a opção de abrir com o visual code e assim mostrando o conteúdo da quele arquivo em códigos fontes aperte em próximo.

    • 11. Agora aperte em instalar.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 8a29355f image | dicas/guias
      Pronto para a instalação.

      E por fim aperte em instalar e espere a instalação ficar completa.

    • 12. Espere terminar de baixar.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 177d456b image | dicas/guias
      visual code está instalando.

      Quando você aperta em instalar aparecera uma barra verde progredindo com a instalação.

    • 13. Download terminado.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | dcb5f259 image | dicas/guias
      termino da instalação.

      E pronto o Visual code Está Instalado agora aperte em concluir que ele abrira direto.

    • 14. essa é a tela inical do aplicativo.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 5914cea3 image | dicas/guias
      Tela inicial do aplicativo.

      Agora você já pode seguir sua carreira de programar e começar a aprender a programar agora.

  • Linux

    • Baixar Visual Studio Code.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | a33f1f92 image | dicas/guias
      Pagina Do Download

      A instalação no Linux Ubuntu também é muito simples clique aqui para fazer o download do visual code para Linux Ubuntu.

    • Concluído instalação.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | b6f11a52 linux ubunto | dicas/guias
      codigo para concluir a instalação

      Para Instalar o visual code abra a linha de comando e digite esse código aqui em cima

    • Habilitando a atualização automática.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 9655dcb9 segunda liha | dicas/guias
      código para habilitar a atualização automática.

      Esse código acima é para se você quiser que faça a atualização automática para habilitar essa função é só abrir a linha de comando e digitar esse código acima.

    • Atualize o cache.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 5869acce cache | dicas/guias
      código para atualizar o cache.

      Agora coloque esse código acima na linha de comando para poder atualizar o cache.

  • Mac

    • Baixar o Visual Studio Code.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 575f0fd8 image | dicas/guias
      Pagina de downloads

      A instalação no Mac também é fácil primeiro você clique aqui para fazer o download do arquivo de um clique duplo ou use a lupa (safari) feito isso arraste o Visual Studio Code.app para a pasta de aplicativo em seguida abra o vscode na pasta aplicativos clicando duas vezes no ícone adicione o VS Code ao seu Doc clicando com o botão direito do mouse no ícone, localizado no Doc, para abrir o menu de contexto e escolha Options, keep in Doc.

    • Instalando o PATH.

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 72fb786d image | dicas/guias
      Instalar o PATH

      Agora inicie o Visual code e abra a paleta de comandos usando (cmd+shift+p) e digite shell command para poder localizar o comando Shell: Install ‘code’ command in PATH, Depois que você fez isso reinicie o terminal para o que PATH seja concluído com sucesso, depois que terminar pronto seu vscode foi instalado com sucesso.

  • Vscode Online

    • Indo ate a pagina do Visual Studio Code online

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 377cb5ca windows | dicas/guias
      Pagina oficial do visual code

      No site oficial do visual code você aperta em web, em baixo do download, você será redirecionado para a pagina online ou você pode clicar aqui para ser redirecionado direto.

    • Pagina do Visual Code Online

      Visual studio code | c#, c++, css, desenvolvedor, desenvolvimento, desenvolvimento mobile, desenvolvimento web, editor de codigo, flutter, html, javascript, linux, mac, nodejs, php, programação, python, tecnologia, ubuntu, unity, vuejs | visual studio code: como instalar [tudo o que precisa saber] 2023 | 6a60d96b image | dicas/guias
      tela do Visual Studio Code online

      Você pode ver que é idêntico ao instalado, mas ele te algumas funções que não funcionam por causa de ser web, por exemplo a função de depurar não está disponível e algumas extensões não estão disponíveis.

Diferença entre Visual Studio Code para o Visual Studio

O Visual Studio e o vscode são dois produtos diferentes da Microsoft, mas ambos são ferramentas de desenvolvimento de software.

Visual Studio

O Visual Studio é uma plataforma completa de desenvolvimento de software que oferece uma ampla variedade de ferramentas e recursos para ajudar os desenvolvedores a criar aplicativos para diversas plataformas, incluindo Windows, MacOS, Linux, Android e iOS. 

Ele inclui um editor de código-fonte, ferramentas de depuração e depuração, integração com controle de versão, integração com outras ferramentas de desenvolvimento e muito mais. 

O Visual Studio é uma opção completa para equipes de desenvolvimento de software que precisam de uma plataforma de desenvolvimento integrada para gerenciar todo o ciclo de vida do desenvolvimento de software. 

Visual Studio Code 

O Visual Code, por outro lado, é um editor de código-fonte leve e de alto desempenho que oferece uma ampla variedade de ferramentas e recursos para ajudar os desenvolvedores a escrever, depurar e depurar código de maneira mais eficiente. Ele é compatível com uma ampla variedade de linguagens de programação e tem uma extensa biblioteca de extensões disponíveis para adicionar recursos adicionais. 

O vscode é uma opção excelente para desenvolvedores individuais ou pequenas equipes que precisam de uma ferramenta de edição de código-fonte poderosa e personalizável. 

Em resumo, o Visual Studio é uma plataforma completa de desenvolvimento de software, enquanto o vscode é um editor de código-fonte. Qual você deve escolher depende de suas necessidades específicas e do tipo de projeto em que está trabalhando. 

Se você precisa de uma plataforma de desenvolvimento completa com uma ampla variedade de ferramentas e recursos, o Visual Studio pode ser a melhor opção. Se você precisa apenas de uma ferramenta de edição de código-fonte poderosa e personalizável, o vscode pode ser uma escolha mais adequada. 

IMPORTANTE! Graças a capacidade de customização do Vscode, é possível que ele funcione da mesma forma que uma IDE, porém isso requer um bom tempo de estudos para conhecer a ferramenta, e uma boa dose de extensões e configurações, com uma pequena vantagem de permitir você trabalhar com múltiplas stacks de linguagem. 

FAQ Rápido

O Visual Studio Code é gratuito?

Sim, é gratuito e o código é aberto

Visual Studio Code é pesado?

Não, ele é leve, permite instalar extensões e permite customizações

O Visual Studio Code é bom?

Depende, pode variar de acordo com sua necessidade e do seu conhecimento sobre a ferramenta

Como eu adiciono extensões no Visual Studio Code?

Você consegue adicionar pela própria loja que esta integrada ao Vscode, é possível até mesmo para pesquisar as extensões ou linguagens que você queira.

Se você gostou desse conteúdo já deixa o seu comentário aqui em baixo, para nós trazermos mais conteúdos como este, muito obrigado por ler até aqui e até mais.

Prós

  • Extensões
  • Customização
  • Linguagens
  • Performance
  • Recursos
  • Compatibilidade

Contras

  • Complexo para novos usuários
  • Versão online não tem suporte completo
  • Mais complicado de instalar no Mac e Linux do que no Windows
Saiba como acabar de vez com o erro OpenGL no Blender
Sua carreira do sonhos é ganhar muito dinheiro Criando Jogos? Então veja como dar os primeiros passos
Jogo de ação com múltiplas batalhas superpoderosas apresenta narrativa inédita ambientada no mundo dos quadrinhos de Invincible, da Skybound Comics
Desenvolvedores independentes e artistas podem inscrever seus projetos gratuitamente para participar do BIG Festival 2024 e Artists' Alley, na gamescom latam 2024
Conheça Sites para Criar Jogos e crie seus games sem baixar ou instalar nada
Quer saber como Desenvolver Jogos no Celular? Veja esses aplicativos