Instalar Vue.js no Subsistema do Windows para Linux

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

O Vue pode ser instalado diretamente no Windows ou no WSL. O WSL é recomendado se você planeja interagir com um Node.js back-end, implantar em servidores Linux ou seguir tutoriais que usam comandos Bash.

Pré-requisitos

• Instale o Subsistema do Windows para Linux (WSL), incluindo uma distribuição do Linux (como o Ubuntu) em execução no modo WSL 2. Verifique com: wsl -l -v
• Instalar Node.js no WSL 2: isso inclui um gerenciador de versões, um gerenciador de pacotes, o Visual Studio Code e a extensão de Desenvolvimento Remoto.

Importante

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

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 terminal do WSL (por exemplo, Ubuntu).

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

   mkdir -p ~/projects
   cd ~/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 o Vue.js no Windows
• Execute suas primeiras etapas com Vue.js roteiro de aprendizagem
• Tutorial do Vue com o VS Code