Montando um ambiente de desenvolvimento JavaScript no Windows com WSL — parte 02
Tags: wls2, windows, linux
Published: 2023-02-09 20:06:24

---
title: Montando um ambiente de desenvolvimento JavaScript no Windows com WSL — parte 02
published: true
date: 2021-11-29 01:40:55 UTC
tags: wls2,windows,linux
canonical_url: 
---

### 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](https://cdn-images-1.medium.com/max/1024/1*sg6t9tXyzqhg9wsYMnjXwg.jpeg)

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

Visite o [site oficial](https://code.visualstudio.com/Download) 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](https://cdn-images-1.medium.com/max/972/1*RipMwfS29HpyFkcnaX9kmQ.png)

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](https://cdn-images-1.medium.com/max/594/1*Z8fg3obs_FoFi2MlqShWIw.png)

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](https://cdn-images-1.medium.com/max/590/1*_aLzNvGQvn04SIPIQU3Tcg.png)

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

![Sequencia da instalação](https://cdn-images-1.medium.com/max/591/1*IWRcG5zO1EDBJvi9hmF5hw.png)

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](https://cdn-images-1.medium.com/max/592/1*RW8f1V4YYV-l0qhTpCrNlg.png)

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

![Selecionar Install](https://cdn-images-1.medium.com/max/591/1*K7t5ZFawDhp3CfFoy36n9A.png)

Pronto, instalação finalizada!

![Final da instalação](https://cdn-images-1.medium.com/max/591/1*HvDmgSL50XAfb-3lFqdXJw.png)

Agora instale o [pacote de extensão de desenvolvimento remoto](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack). 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](https://cdn-images-1.medium.com/max/1017/1*6zCvnNVk4a-yxZlknc8NPw.png)

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.

{% gist https://gist.github.com/HenriqueMSimoes/2ab217bb3bc3c5385abedac5f5263958 %}

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](https://dev.to/henriquemsimoes/montando-um-ambiente-de-desenvolvimento-javascript-no-windows-com-wsl-45hc-temp-slug-3184061) parte do tutorial.
[Terceira](https://dev.to/henriquemsimoes/montando-um-ambiente-de-desenvolvimento-javascript-no-windows-com-wsl-parte-03-1nco)parte do tutorial.
[Quarta](https://dev.to/henriquemsimoes/montando-um-ambiente-de-desenvolvimento-javascript-no-windows-com-wsl-parte-04-443g) 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](https://www.linkedin.com/in/henrique-simoes/).

Abraço!