Instalar Vue.js no Subsistema Windows para Linux

Um guia para configurar um ambiente de desenvolvimento Vue.js no Windows Subsystem for Linux (WSL). Para contextualizar, consulte a visão geral Vue.js.

O Vue pode ser instalado diretamente no Windows ou no WSL. WSL é recomendado se planeias interagir com um backend Node.js, implementar em servidores Linux ou seguir tutoriais que usem comandos Bash.

Pré-requisitos

• Instale o Windows Subsystem for Linux (WSL), incluindo uma distribuição Linux (como o Ubuntu) a correr em modo WSL 2. Verifique com: wsl -l -v.
• Instalar Node.js no WSL 2: Isso inclui um gerenciador de versões, gerenciador de pacotes, Visual Studio Code e a extensão de desenvolvimento remoto.

Importante

Armazene os seus ficheiros de projeto dentro do sistema de ficheiros WSL (por exemplo, ~/projects), e não na unidade Windows montada (/mnt/c/). Trabalhar através do limite do sistema de ficheiros atrasa significativamente os tempos de instalação e compilação.

Criar um projeto Vue

A forma recomendada de iniciar um novo projeto Vue 3 é npm create vue@latest, que utiliza create-vue — a ferramenta oficial de andaimes baseada em Vite:

1. Abra o seu terminal WSL (por exemplo, Ubuntu).

2. Navegue até ao diretório dos seus projetos:

   mkdir -p ~/projects
   cd ~/projects
   

3. Criar um novo projeto Vue:

   npm create vue@latest
   

   O instalador pede-lhe para nomear o projeto e escolher funcionalidades opcionais (TypeScript, suporte JSX, Vue Router, gestão de estado Pinia, Vitest, ESLint).

4. Navega até à pasta do projeto, instala dependências e inicia o dev server:

   cd <your-project-name>
   npm install
   npm run dev
   

   A sua aplicação estará disponível em http://localhost:5173.

Recursos adicionais

• Vue docs
• Visão geralVue.js
• Instalar Vue.js no Windows
• Dê os seus primeiros passos com Vue.js percurso de aprendizagem
• Tutorial do Vue com VS Code