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.

Bash

sudo apt-get install wget ca-certificates

view raw bash.md hosted with ❤ by GitHub

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!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay