Executando verificação de segurança...
5

[Tutorial] - Como configurar um ambiente de desenvolvimento com o WSL

Vou explicar nessa publicação os passos que segui para instalar e configurar meu ambiente de desenvolvimento com o WSL

Setup Inicial

Vá até a Microsoft Store e instale o Visual Studio Code e o Windows Terminal

Feito isso, abra o Power Shell como administrador e execute:

wsl --install

Quando a operação for finalizada, reinicie o computador. Feito isso, a janela de configurações do seu usuário Linux será iniciada automaticamente.

Configurações e Personalização

Os Passos a seguir deverão ser feitos no Windows Terminal que foi instalado no início.

Inicialização

Nesse passo será definido o perfil que será iniciado ao abrir o Windsows Terminal. Para isso, abra o aplicativo e execute os passos:

Configurações > Perfil Padrão > Ubuntu

Salve e abra uma nova aba no terminal.

Atualização do Sistema

Execute os seguintes comandos para atualizar o Ubuntu:

sudo apt update
sudo apt full-upgrade

Quando o sistema for atualizado, siga para o próximo passo.

Personalização do Terminal

Para isso, instale as seguintes ferramentas:

zsh

sudo apt install zsh

ohmyzshoh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

zinit

bash -c "$(curl --fail --show-error --silent --location https://raw.githubusercontent.com/zdharma-continuum/zinit/HEAD/scripts/install.sh)"

Feito isso, é preciso habilitar os plugins do zinit. Para isso, abra o arquivo de configuração da ferramenta com o comando:

code .zshrc

Agora, basta colar o trecho abaixo no campo indicado e salvar as alterações.

### End of Zinit's installer chunk
 
zinit light zdharma/fast-syntax-highlighting
zinit light zsh-users/zsh-autosuggestions
zinit light zsh-users/zsh-completions

Utilizo o Tema Drácula no meu Windows Terminal, para configurá-lo, basta seguir os passos descritos no site. No final, abra uma nova aba no terminal para que todas as alterações sejam aplicadas.

Ferramentas Essenciais

NodeJS

Instalação via NVM

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

Abra uma nova aba no terminal e instale o Node, nesse caso foi instalado a versão mais recente LTS

nvm install --lts=iron

YARN

sudo npm install --global yarn

Docker

Instale o Docker Desktop

docker run hello-world

Extensões que utilizo no VSCode

Carregando publicação patrocinada...
2

Ao invés da instalação direta do Node, recomendaria a instalação do NVM.

Utilizei o WSL por cerca de 1 ano. É muito bom, porém em certos casos mais específicos, como desenvolvimento com React Native ou Tauri, tem algumas limitações. Tive também alguns problemas ao usar o IntelliJ, a execução do Java demorava mais e as vezes não compilava as novas alterações no código.

Acredito que vai depender da Stack do desenvolvedor, alguns cenários o ideal vai ser a utilização 100% do Linux ao invés do WSL.

1

Obrigado pela contribuição, alterei os passos de instalação do Node para a instalação via NVM.

Sobre a questão das limitações, ainda não tive nenhuma. Porém, minha stack é basicamente Desenvolvimento WEB com JavaScript. Atualmente não trabalho profissionalmente com programação, dessa forma meus projetos não fogem muito desse contexto.

1
1

Usei o Linux por 1 ano, comecei com o Ubuntu, mas depois migrei pro Pop!_OS. Eu sentia falta de algumas coisas do Windows, principalmente pra jogos e da integração nativa com o One Drive. Quando comprei um notebook novo, já veio com Windows 11 instalado, então resolvi testar o WSL, já tem uns 2 anos que utilizo.