Como Abrir um Projeto do GitHub no Visual Studio com WSL / Ubuntu

Tutorial: Abrir um Projeto do GitHub no Visual Studio Code com o WSL

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:

  1. Abra o terminal no WSL. Você pode usar o Windows Terminal ou o PowerShell no modo WSL.
  2. Navegue até o diretório onde deseja clonar o repositório do GitHub usando o comando cd.
  3. Use o comando git clone para clonar o repositório. Substitua URL_DO_REPOSITÓRIO pelo URL do repositório GitHub que deseja clonar.
Exemplo:
git clone https://github.com/seu_usuario/seu_projeto.git

Passo 2: Abrir o Projeto no Visual Studio Code:

  1. Abra o Visual Studio Code no Windows. Certifique-se de que ele está instalado e pronto para uso.
  2. No VS Code, clique em "File" (Arquivo) e selecione "Add Folder to Workspace" (Adicionar Pasta ao Espaço de Trabalho).
  3. Navegue até a pasta onde você clonou o repositório no WSL. Você deve selecionar a pasta que contém seu projeto.
  4. Clique em "Add" (Adicionar) para incluir a pasta no workspace do VS Code.

Passo 3 (Opcional): Configurar a Extensão "Remote - WSL":

  1. Abra o VS Code.
  2. Vá para a seção de extensões clicando no ícone de extensões na barra lateral esquerda ou pressionando Ctrl+Shift+X.
  3. Pesquise por "Remote - WSL" e clique em "Install" (Instalar).
  4. 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.
Agora você pode editar, compilar e executar seu projeto diretamente no ambiente WSL, enquanto mantém o VS Code no Windows para uma experiência de desenvolvimento integrada.

Passo 4 - Instalações necessárias

Abra o terminal


digite:
mkdir PROJETO
cd Projeto

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

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.

Postar um comentário

Postagem Anterior Próxima Postagem