DEV Community

Henrique Simões
Henrique Simões

Posted on • Originally published at Medium on

Montando um ambiente de desenvolvimento JavaScript no Windows com WSL — parte 02

Montando um ambiente de desenvolvimento JavaScript no Windows com WSL — parte 02

Instalando, configurando e personalizando o WSL — Windows Subsystem for Linux — usando o Ubuntu, Visual Studio Code, Nodejs, Git entre outros.

Dando continuidade o nosso tutorial, vamos instalar o Visual Studio Code.

O Visual Studio Code (VS Code) é um editor de código multiplataforma e de código aberto disponibilizado pela Microsoft. Ele tem suporte às mais populares linguagens, como Javascript, SQL, PHP, Ruby, entre outras linguagens.

Visual Studio Code com um texto de código

Instalando o Visual Studio Code e a extensão Remote Development.

Visite o site oficial para fazer o download do instalador de 32 ou 64 bits de acordo com a arquitetura do teu processador. Há duas opções de instaladores, User e System, a diferença básica entre elas é a versão do sistema é instalada na pasta de Arquivos de Programas como qualquer outro aplicativo e a instalação do usuário é instalada na pasta do usuário e somente ele tem acesso ao aplicativo.

Opções de download do Visual Studio Code

Baixe a versão do Windows, a instalação não pode ser feita no sistema de arquivos WSL.

Execute o arquivo de instalação para iniciar o processo, na tela de “Acordo de Licença” é necessário aceitar os termos.

Aceite do acordo de licença

Em seguida, em “Selecione o local de destino”, clique em “Next”, mantendo o padrão da instalação.

Seleção do local de instalação

A configuração seguinte é opcional, mas eu recomendo que você não altere nada aqui e clique em “Next”.

Sequencia da instalação

Agora chegamos em uma parte importante da instalação! A opção de “Selecionar tarefas adicionais“. Mantenha a opção “Add to PATH (requires shell restart” marcada para que você possa abrir facilmente a partir da pasta do projeto no WSL usando o comando de código: code .

Sequencia da instalação, selecione a opção Add to PATH

Feito isso, clique em “Install” e aguardar a finalização da instalação.

Selecionar Install

Pronto, instalação finalizada!

Final da instalação

Agora instale o pacote de extensão de desenvolvimento remoto. Esse pacote de extensão inclui a extensão WSL remota, além das extensões SSH remota e contêineres remotos, permitindo que você abra qualquer pasta em um contêiner, em um computador remoto ou em WSL.

No ícone Extensions pesquise por Remote Development, ele irá instalar 03 extensões: Remote — WSL, Remote — Containers e Remote — SSH.

Extensões do Visual Studio Code

Para algumas distribuições do Linux é necessário a instalação de algumas bibliotecas para iniciar o VS Code, entre elas o wget (para recuperar conteúdo de servidores Web) e ca-certificates (para permitir que aplicativos baseados em SSL verifiquem a autenticidade de conexões SSL). No Bash da sua distribuição, digite.

Com isso finalizamos a instalação do Visual Studio Code, daremos continuidade com as demais instalações e configurações nos próximos posts.

Primeira parte do tutorial.
Terceiraparte do tutorial.
Quarta parte do tutorial.

Concluindo

Espero que você tenha conseguido acompanhar até o fim desta segunda etapa, em caso de dúvidas deixe sua pergunta nos comentários ou me procure no LinkedIn.

Abraço!

Top comments (0)