Instalar Vue.js diretamente no Windows

Um guia para configurar um ambiente de desenvolvimento Vue.js no Windows. Para obter informações em segundo plano, consulte a visão geral doVue.js.

O Vue pode ser instalado diretamente no Windows ou no Subsistema do Windows para Linux (WSL). Se você planeja interagir com um back-end Node.js, desplegar em um servidor Linux ou seguir tutoriais que usam comandos Bash, considere instalar o Vue no WSL.

Pré-requisitos

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

Criar um projeto do Vue

A maneira recomendada de iniciar um novo projeto do Vue 3 é npm create vue@latest, que usa create-vue , a ferramenta oficial de scaffolding baseada em Vite:

1. Abra o Prompt de Comando do PowerShell ou do Windows.

2. Navegue até o diretório de projetos:

   cd C:\Users\YourName\Projects
   

3. Crie um novo projeto do Vue:

   npm create vue@latest
   

   O instalador solicita que você nomeie seu projeto e escolha recursos opcionais (TypeScript, suporte JSX, Roteador Vue, gerenciamento de estado do Pinia, Vitest, ESLint).

4. Navegue até a pasta do projeto, instale dependências e inicie o servidor de desenvolvimento:

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

   Seu aplicativo estará disponível em http://localhost:5173.

Recursos adicionais

• Documentação do Vue
• visão geral Vue.js
• Instalar Vue.js no WSL
• Dê os primeiros passos com Vue.js roteiro de aprendizagem
• Tutorial do Vue com o VS Code