Tutorial: Abrir um Projeto do GitHub no Visual Studio Code com o WSL
Requisitos:
- Visual Studio Code instalado (Baixar aqui).
- WSL instalado e configurado no seu sistema.
- Git instalado no WSL.
Passo 1: Clonar o Repositório do GitHub no WSL:
- Abra o terminal no WSL. Você pode usar o Windows Terminal ou o PowerShell no modo WSL.
- Navegue até o diretório onde deseja clonar o repositório do GitHub usando o comando
cd
. - Use o comando
git clone
para clonar o repositório. SubstituaURL_DO_REPOSITÓRIO
pelo URL do repositório GitHub que deseja clonar.
git clone https://github.com/seu_usuario/seu_projeto.git
Passo 2: Abrir o Projeto no Visual Studio Code:
- Abra o Visual Studio Code no Windows. Certifique-se de que ele está instalado e pronto para uso.
- No VS Code, clique em "File" (Arquivo) e selecione "Add Folder to Workspace" (Adicionar Pasta ao Espaço de Trabalho).
- Navegue até a pasta onde você clonou o repositório no WSL. Você deve selecionar a pasta que contém seu projeto.
- Clique em "Add" (Adicionar) para incluir a pasta no workspace do VS Code.
Passo 3 (Opcional): Configurar a Extensão "Remote - WSL":
- Abra o VS Code.
- Vá para a seção de extensões clicando no Ãcone de extensões na barra lateral esquerda ou pressionando
Ctrl+Shift+X
. - Pesquise por "Remote - WSL" e clique em "Install" (Instalar).
- Após a instalação, clique no Ãcone verde na parte inferior esquerda da janela do VS Code e selecione "Remote-WSL: Reopen in WSL" para se conectar diretamente ao WSL.
Passo 4 - Instalações necessárias
Abra o terminal
digite:mkdir PROJETOcd Projeto
sudo apt updatesudo apt upgrade
sudo apt-get install nodejssudo apt-get install npm
sudo apt-get install git
"Isso depende do o projeto nesse caso vamos utilizar o node js"
Baixe o arquivo do github
Digite: git + link
sudo apt update
sudo apt upgrade
sudo apt-get install nodejs
sudo apt-get install npm
sudo apt-get install git"Isso depende do o projeto nesse caso vamos utilizar o node js"
Baixe o arquivo do github
Digite: git + link
Tutorial: Configurar um Projeto no Ubuntu com Visual Studio Code
Método 2: Com o WSL (Windows Subsystem for Linux) ativado e o Ubuntu instalado
Antes de começar, certifique-se de que o Windows Subsystem for Linux (WSL) esteja ativado e o Ubuntu esteja instalado no seu sistema.
Passo 1: Criar uma Pasta para o Projeto
Abra o terminal do Ubuntu e digite os seguintes comandos:
mkdir PROJETO
sudo mkdir PROJETO
Isso criará uma pasta com o nome "PROJETO".
Em seguida, entre na pasta usando o comando:
cd PROJETO
Passo 2: Atualizar o Ubuntu
Execute os seguintes comandos para atualizar o sistema Ubuntu:
sudo apt update
sudo apt upgrade
Passo 3: Instalar as Ferramentas Necessárias
Instale o Node.js, o NPM e o Git com os seguintes comandos:
sudo apt-get install nodejs
sudo apt-get install npm
sudo apt-get install git
Passo 4: Selecionar e Clonar o Projeto
Escolha o projeto que deseja abrir no Visual Studio Code e digite o comando a seguir para cloná-lo. Substitua "link_do_projeto" pelo URL do projeto GitHub:
git clone https://github.com/airbnb/javascript.git
Passo 5: Abrir o Projeto no Visual Studio Code
Depois de clonar o projeto, navegue até a pasta do projeto com o comando:
cd PROJETO
E, estando na pasta do projeto, digite o seguinte comando para abrir o projeto no Visual Studio Code:
code .
Agora você pode começar a trabalhar no seu projeto usando o Visual Studio Code no ambiente Ubuntu.