Dev SamuraiSamurai Guides

Ambiente de Desenvolvimento Básico

Para aproveitar de forma 100% os conteúdos da Dev Samurai e ser muito mais produtivo como programador Javascript, nós iremos ensinar como configurar um ambiente de desenvolvimento moderno, robusto e produtivo.

Esse é um ambiente de desenvolvimento base para trabalharmos com o JavaScript, React e React Native.

Sendo assim, iremos primeiro instalar este ambiente base e depois para cada framework específico, teremos os respectivos guias de instalação.

Selecione abaixo para instalar o Ambiente de Desenvolvimento Base para:

Aqui no nosso guia iremos utilizar o Windows 10 como base. Se você possuí a versão 7 ou inferior aconselhamos a fazer uma atualização para versão 10.

Chocolatey

Os usuários do Windows estão acostumados a fazer as instalações dos programas por executáveis baixados com assistentes de instalação.

Aquele setup.exe que baixamos da Internet e depois damos dois cliques.

Porém quando se trata de ferramentas para desenvolvimento como o NodeJS é muito mais produtivo fazer as instalações via terminal assim como no Linux ou MacOs.

Atualmente o Windows não possuí um suporte nativo a isso. Um gerenciador de pacotes como, por exemplo, o Apt-get que instala qualquer programa com apenas um comando.

Mas por sorte um grupo de desenvolvedores talentosos criaram um sistema de instalação completo.

Com um gerenciador de pacotes com uma ampla base. Este gerenciador se chama Chocolatey.

E é este que iremos utilizar para instalar todos os programas necessários com apenas um comando.

Sendo assim vamos prosseguir realizando a instalação do Chocolatey

Passo 1: Execute o prompt de comando do Windows através do modo Administrador (Importante que seja no modo administrador).

Passo 2: Com o prompt de comando aberto no modo administrador copie o código abaixo, cole no prompt e aperte Enter:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

Com isso irá prosseguir a instalação automaticamente sem nenhum setup ou necessidade de interação.

Passo 3: Feche o prompt de comando, abra novamente no modo administrador, digite choco e aperte Enter. Isso deverá retornar as instruções de uso do Chocolatey, sendo assim, a instalação foi feita com sucesso.

Git

O Git é uma ferramenta de controle de versão, amplamente utilizada pelos desenvolvedores de software.

Para o seu aproveitamento nos estudos é importante ter instalado para:

  • Controlar e hospedar no Github (ou Gitlab) seus códigos de forma segura.
  • Copiar (ou clonar) projetos e bibliotecas opensource.

Para instalar o Git, vamos utilizar o Chocolatey que instalamos anteriormente.

Passo 1: Execute o prompt de comando do Windows através do modo Administrador (Importante que seja no modo administrador).

Passo 2: Com o prompt de comando aberto no modo administrador copie o código abaixo, cole no prompt e aperte Enter:

choco install git

E pronto, já está com o Git instalado.

Agora precisamos configurar com seu nome e email, assim quando realizar qualquer commit de código estará com as suas credenciais.

Passo 1: Abra um novo prompt de comando do Windows.

Passo 2: Com o prompt de comando aberto, digite os comandos abaixo:

git config --global user.name "Seu nome completo entre áspas"
git config --global user.email seuemail@algumacoisa.com

Caso o git não seja um comando identificado no prompt, significa que a instalação foi mal sucedida. Sendo assim, sugerimos que tente novamente.

NodeJS

O Node é um interpretador Javascript em tempo de execução, utilizado principalmente para criar servidores.

Quando instalado vem acompanhado de um gerenciador de pacotes chamado NPM em que ficam concentrados todas as bibliotecas e frameworks Javascript mais modernos e utilizados no mundo, por isso, o Node é indispensável.

O Node é requisito minimo da maioria das ferramentas que utilizamos aqui na Dev Samurai como React e React Native.

Para instalar o Node, vamos utilizar o Chocolatey que instalamos anteriormente.

Passo 1: Execute o prompt de comando do Windows através do modo Administrador (Importante que seja no modo administrador).

Passo 2: Com o prompt de comando aberto no modo administrador copie o código abaixo, cole no prompt e aperte Enter:

choco install nodejs-lts

E pronto, já está com o Node instalado.

Visual Studio Code

Visual Studio Code é o editor de texto que nós utilizamos aqui na Dev Samurai como principal ferramenta para editar os códigos e criar as aplicações NodeJs, React, React Native, Python, Ruby, etc.

Para instalar o Visual Studio Code, vamos utilizar o Chocolatey que instalamos anteriormente.

Passo 1: Execute o prompt de comando do Windows através do modo Administrador (Importante que seja no modo administrador).

Passo 2: Com o prompt de comando aberto no modo administrador copie o código abaixo, cole no prompt e aperte Enter:

choco install vscode

E pronto, já está com o Visual Studio Code instalado.

Agora você está pronto para a etapa extra de Configuração de Temas e Plugins para o VScode.