Como Instalar o Editor de Código Visual Code

Como Instalar o Editor de Código Visual Code
Por: Samuel J. S. Tavares
desenvolvimento de software programador iniciante workspace

Neste artigo você irá aprender o passo a passo de como instalar, de forma gratuita, o editor de código Visual Code (VSCode), bem como algumas extensões para o seu melhor aproveitamento quando o assunto é desenvolvimento WEB (HTML, CSS, JavaScript e PHP).


O que é um Editor de código?


Um editor de código nada mais é do que um programa para que possamos escrever os códigos que iremos criar.

Ele nada mais é do que um editor de texto, como o bloco de notas do Windows, mas com funcionalidades que facilitam a vida do programador.

Saiba que seu uso não é obrigatório, mas vai ser muito útil, pois existem diversas ferramentas que vão nos auxiliar na hora de criarmos a programação.

Porém, se você é do tipo "hard-core" (ou "vida loka"), sinta-se à vontade para programar utilizando o bloco de notas, por exemplo.

Instalando o Visual Code


Um editor muito utilizado, que conta com diversas ferramentas, é o Visual Code, também conhecido como VSCode, criado pela Microsoft.

Ele é muito fácil de ser instalado, configurado e também de ser utilizado. Vejamos ao passo a passo para a sua instalação:

Para instalar o Visual Code, precisamos acessar este link, e seguir o passo a passo abaixo:

Instalando VSCode no Windows: baixando pela página oficial de download

Depois de baixado, acesse o executável na pasta Downloads (ou na pasta que vocês escolheu para ser salvo o arquivo):

Instalando VSCode no Windows: abrindo o arquivo executável para instalar


Siga agora o passo a passo a seguir:

Instalando VSCode no Windows: marcar que concorda e prosseguir


Instalando VSCode no Windows: selecionar a pasta de destino


Instalando VSCode no Windows: escolhendo o nome que irá salvar no computador


Marque pelo menos as opções destacadas abaixo, mas sugerimos que marque todas, caso não tenha alguma objeção:

Instalando VSCode no Windows: selecionar o que deve ser instalado


Instalando VSCode no Windows: confirmando tudo que será instalado


Instalando VSCode no Windows: aguardando a instalação


Instalando VSCode no Windows: concluir a instalação


Por fim, ao abrirmos o editor, teremos a seguinte tela:

Abrindo o Visual Code no computador: tela inicial

Repare que ele está em Inglês, mas apareceu a opção de Instalarmos a versão em Português.

Sugerimos que você a instale se não estiver familiarizado com a língua inglesa.


OPORTUNIDADE ÚNICA!


Conheça nosso Curso Gamificado Codificando Dinheiro e tenha resultados com a programação: Aproveite para fazer Dinheiro com a Programação e aprender enquanto você se diverte, acompanhando o seu progresso na nossa plataforma gamificada, onde você poderá ganhar medalhas, conquistas, pontos e subir de nível!

Você terá acesso a uma Plataforma Gamificada, além de acesso ao Fórum Exclusivo do Aluno, podendo tirar suas dúvidas e também aproveitar para fazer networking!

E se ficou com alguma dúvida, entre em contato com a gente pelo WhatsApp (31) 99816-9203.


Instalando extensões no VSCode


Agora que já temos instalado o nosso ambiente, podemos "personalizá-lo", de forma a melhorar nossa eficiência ao programar.

O VSCode (assim como outros editores) apresentam uma infinidade de plugins, ou seja, extensões (ou módulos) que podem ser incluídos no editor, a fim de fazer coisas específicas, como deixá-lo mais amigável ao trabalharmos com certas linguagens.

Veja como é fácil instalar um plugin:

VSCode: como listar plugins

Conforme mostramos na imagem, vá em Arquivo, depois em Preferências e por fim em Extensões. Caso prefira, pode simplesmente digitar Ctrl + Shift + X no seu teclado (segurando todas as teclas).

Depois disso, basta que você procure na barra indicada (no canto superior esquerdo) pelo Plugin que quer instalar. Nesse caso, vamos instalar o Plugin "Portuguese (Brazil) Language Pack for Visual Studio Code", caso você ainda não o tenha instalado.

Assim, após a pesquisa, basta que clique sobre ele e selecione a opção "Instalar" (ou Install). Depois disso, basta esperar que o VSCode irá fazer o resto do trabalho:

VSCode: instalando o plugin Portuguese (Brazil) Language Pack for Visual Studio Code para mudar o idioma


Da mesma forma que este plugin foi instalado, é feita a instalação de qualquer outro.

Para a programação com as linguagens HTML, CSS, JavaScript e PHP, sugerimos a instalação dos plugins "HTML CSS Support" e "PHP Intelephense".


Conclusão


Agora você já pode programar os seus códigos em um editor de código de verdade!

Nada de ficar sofrendo programando no bloco de notas do Windows, ok?

Espero que você possa dê os próximos passos necessários nesse mundo!

Ah, e não pare por aqui! Se você está começando agora na programação, eu tenho um presente para você: o meu e-book 100% gratuito:

Para acessá-lo, é só clicar na imagem acima!
Compartilhe com seus amigos: Compartilhar Whatsapp
Banner Wallky Tech


Se você está começando a programar e quer ganhar tempo, este e-book é perfeito pra você!

Baixe este e-book 100% GRÁTIS e saiba como começar a programar, dar o próximo passo e não depender de copiar e colar código pronto da Internet!




*Você receberá o e-book no seu email e WhatsApp de forma gratuita.
Fique tranquilo, não enviamos SPAM!