Front-end com Vue 3

Aparência

Ponto de partida ​

Antes de começar, é importante que você tenha o ambiente de desenvolvimento configurado.

Primeiros passos ​

1. Você deve ter o Node.js instalado. Se você não tem, baixe e instale a versão LTS ​

ou se preferir instale o NVM (Node Version Manager) para gerenciar as versões do Node.js.

Usando o NVM ​

  1. Verificando a Instalação

Após a instalação, abra o Prompt de Comando ou o PowerShell e verifique se o NVM foi instalado corretamente executando:

bash
nvm version

Se o comando retornar uma versão, a instalação foi bem-sucedida.

  1. Instalando uma Versão do Node.js

Para instalar uma versão específica do Node.js, use o comando:

bash
nvm install 16.14.0

Você pode substituir 16.14.0 pela versão que deseja instalar.

  1. Usando uma Versão Específica do Node.js

Para usar uma versão específica do Node.js, execute:

bash
nvm use 16.14.0

Se você quiser que essa seja a versão padrão, adicione a opção default:

bash
nvm use 16.14.0 --default
  1. Listando Versões Instaladas

Para listar todas as versões do Node.js instaladas, use:

bash
nvm list
  1. Alternando entre Versões

Para alternar rapidamente entre as versões instaladas, use:

bash
nvm use <versão>

Por exemplo:

bash
nvm use 14.17.3
  1. Desinstalando uma Versão do Node.js

Para desinstalar uma versão do Node.js que você não precisa mais, execute:

bash
nvm uninstall 14.17.3
  1. Observações Importantes no Windows
  • Permissões de Administrador: É recomendado executar o Prompt de Comando ou o PowerShell como administrador ao instalar ou desinstalar versões do Node.js.
  • Compatibilidade com o PATH: O NVM para Windows ajusta automaticamente o PATH do sistema para apontar para a versão ativa do Node.js.
  1. Atualizando o NVM para Windows

Para atualizar o NVM para Windows, baixe a versão mais recente do instalador e execute-o. O instalador detectará automaticamente a versão instalada e atualizará o NVM.

Com essa configuração, você pode gerenciar eficientemente as versões do Node.js em ambientes Windows, assim como faria no Linux ou macOS. O NVM para Windows é uma ferramenta poderosa que facilita a alternância entre versões e mantém seu ambiente de desenvolvimento limpo e organizado.

2. Instale o Visual Studio Code, um editor de código gratuito e multiplataforma. ​

3. Instale a extensão Vue - Official para o Visual Studio Code. ​

4. Instale o Vue CLI globalmente com o comando: ​

bash
npm install -g @vue/cli