Instale Vue.js diretamente no Windows

Um guia para configurar um ambiente de desenvolvimento Vue.js no Windows. Para contextualizar, consulte a visão geral Vue.js.

O Vue pode ser instalado diretamente no Windows ou no Subsistema Windows para Linux (WSL). Se planeias interagir com um backend Node.js, implementar em servidores Linux ou seguir tutoriais que usem comandos Bash, considera instalar o Vue no WSL em vez disso.

Pré-requisitos

• Instalar Node.js no Windows: Isso inclui um gerenciador de versões, gerenciador de pacotes e Visual Studio Code.

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 PowerShell ou o Guia de Comando do Windows.

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

   cd C:\Users\YourName\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 WSL
• Dê os seus primeiros passos no percurso de aprendizagem Vue.js
• Tutorial do Vue com VS Code