Este artigo serve de base para tirar algumas dúvidas recorrentes sobre a instalação e configuração do ambiente de estudo, mais especificamente para os três sistemas operacionais mais conhecidos: Windows, MacOS e Linux.

Instalação do Node

Windows/MacOS

  • Na página do Node, faça download do instalador referente a seu sistema operacional. Dê preferência para a opção LTS ao escolher as versões;
  • Siga as instruções do Wizard.

Assim, a instalação deve ser feita corretamente.

Linux

A instalação no sistema Linux é um pouquinho diferente. Recomenda-se a instalação do Node Version Manager (NVM). Para isso, temos duas opções:

Instalação via CURL:

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

Instalação via WGET:

$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

A parte do código em negrito é referente à versão do NVM, que pode mudar com o tempo. Então, recomenda-se acessar a página do projeto no GitHub antes da instalação.

Após a instalação, reinicie sua máquina ou abra uma nova sessão do terminal para que seja possível usar o comando nvm.

Agora, para conferir a versão do Node, digite no terminal:

nvm ls-remote

Esse comando é usado caso queira instalar uma versão específica do Node.

Para instalar a versão mais recente (latest), pode ser feito usando o comando:

nvm install --lts

Existe a opção de instalar mais de uma opção, e você pode alternar entre estas utilizando o comando:

nvm use -número da versão-

Agora você pode conferir a versão do Node usando o comando node -v no terminal.

Caso o NPM esteja desatualizado, a atualização pode ser feita através do comando npm i npm -g.

Instalação do Visual Studio Code

Para intalar o editor de texto usado no curso, acesse a página do Visua Studio Code.

MacOS

  • Faça o download do instalador para MacOS no link acima;
  • Arraste o instalador para dentro da pasta Applications.

Windows

  • Faça o download do instalador para Windows no link acima;
  • Clique duas vezes no instalador para executar o wizard;
  • Faça a escolha da linguagem e da pasta de instalação;
ATENÇÃO!

Marque a opção ADD TO PATH, para que seja possível acessar o comando code pelo Prompt de Comando do Windows.

  • Escolha a opção Create a desktop icon caso queira um ícone na Área de Trabalho;
  • Execute a instalação do Visual Studio Code (não é necessário fazer o launch do programa);
  • Reinicie o Windows para que o comando code fique disponível.

Linux

Para o Linux, existem duas opções de instalação: via Snap ou manualmente.

A instalação via Snap é feita da seguinte maneira:

  • No terminal, digite:
    sudo snap install code –classic
  • Caso seja necessário atualizar, digite:
    sudo snap refresh code
  • Caso queira desinstalar, utilize o comando:
    sudo snap remove code

A instalação manual é feita da seguinte maneira:

  • No terminal, digite:
    sudo rm -Rf /opt/vscode/*
    sudo rm -Rf /opt/vscode/code
    sudo rm -Rf /usr/share/applications/vscode.desktop
  • Para o próximo passo é necessário que você verifique se seu sistema é 32 ou 64 bits. Para isso, digite no terminal:
  • uname -m
  • Caso seja 32 bits, use esse comando para instalar o programa:wget “https://go.microsoft.com/fwlink/?LinkID=620885” -O vscode.tar.gz

Se o link estiver desatualizado, acesse a página do Visual Studo Code, baixe a última versão e salve como vscode.tar.gz

Se o link estiver desatualizado, acesse a página Visual Studo Code, baixe a última versão e salve como vscode.tar.gz

  • Para descompactar o arquivo, use o comando:sudo tar -vzxf vscode.tar.gz -C /opt/
  • Renomeie o arquivo criado para deixar o nome em letras minúsculas:sudo mv /opt/VSCode*/ /opt/vscode/
  • Crie um atalho para facilitar a execução do programa:sudo ln -sf /opt/vscode/code /usr/bin/code

Após a instalação do Visual Studio Code, execute o programa e na barra à esquerda você vai achar a barra de pesquisa de expansões. Pesquise por Runner e instale a expansão CodeRunner:

Configuração do comando ‘code’

ATENÇÃO!

Exclusivo para usuários de MacOS. O comando code já vem instalado por padrão nos sistemas Windows e Linux.

  • Com o Visual Studio Code instalado e aberto, use o comando Command + Shift + P;
  • Digitar “code” na barra de pesquisas que irá aparecer;
  • Clicar na opção Shell Command: Install ‘code’ command in PATH;
  • Caso tenha aberto um terminal antes da instalação do comando, vai ser necessário fechar o terminal e abrir um novo, e assim o comando estará disponível para uso.

Referências

Como instalar Node.js no Linux corretamente. Disponível em: <https://medium.com/collabcode/como-instalar-node-js-no-linux-corretamente-ubuntu-debian-elementary-os-729fb4c92f2d>

Como instalar o Visual Studio Code no Linux (manualmente e via Snap). Disponível em: <https://www.edivaldobrito.com.br/visual-studio-code-no-linux/>

Instalando e gerenciando várias versões do Node.js com NVM. Disponível em: <https://www.treinaweb.com.br/blog/instalando-e-gerenciando-varias-versoes-do-node-js-com-nvm/>

NVM – Node Version Manager. Disponível em: <https://udgwebdev.github.io/nvm-node-version-manager/>