Compartilhar via

Instalar Vue.js no Subsistema do Windows para Linux

Um guia para ajudá-lo a configurar um ambiente de desenvolvimento Vue.js no Windows instalando a estrutura da Web Vue.js no WSL (Subsistema do Windows para Linux). Saiba mais na página de visão geral Vue.js.

O Vue pode ser instalado diretamente no Windows ou no WSL. Geralmente, recomendamos a instalação no WSL se você estiver planejando interagir com um back-end NodeJS, quiser paridade com um servidor de produção do Linux ou se planeja seguir um tutorial que utilize comandos Bash. Talvez você também queira considerar o Vite como uma alternativa ao Vue.js.

Pré-requisitos

  • Instalar o Subsistema do Windows para Linux (WSL), incluindo uma distribuição do Linux (como o Ubuntu) e verifique se ele está em execução no modo WSL 2. Você pode verificar isso abrindo o PowerShell e inserindo: 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. O Node Package Manager (npm) é usado para instalar Vue.js.

Importante

A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar arquivos: \\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que você esteja usando). Para abrir esse diretório no Explorador de Arquivos do Windows, abra sua linha de comando WSL, selecione seu diretório inicial usando cd ~e, em seguida, insira o comando explorer.exe . Tenha cuidado para não instalar ou armazenar arquivos com os quais você trabalhará na unidade C montada (/mnt/c/Users/yourname$). Isso reduzirá significativamente os tempos de instalação e compilação.

Instalar Vue.js

Para instalar Vue.js no WSL:

  1. Abra uma linha de comando WSL (ou seja. Ubuntu).

  2. Crie uma nova pasta de projeto: mkdir VueProjects e insira esse diretório: cd VueProjects.

  3. Instalar Vue.js usando o Node Package Manager (npm):

npm install vue

Verifique o número de versão que você instalou usando o comando: vue --version.

Observação

Para instalar Vue.js usando uma CDN, em vez do NPM, consulte os documentos de instalação Vue.js.

Instalar a CLI do Vue

A CLI do Vue é um kit de ferramentas para trabalhar com o Vue em seu terminal/linha de comando. Ele permite que você rapidamente inicie um novo projeto (vue create), prototipe novas ideias (vue serve) ou gerencie projetos usando uma interface gráfica do usuário (vue ui). A Vue CLI é um pacote npm instalado globalmente que gerencia algumas das complexidades do processo de build (como usar Babel ou Webpack) para você. Se você não estiver criando um novo aplicativo de página única, talvez não precise ou queira a CLI do Vue.

Para instalar a CLI do Vue, use npm. Você deve usar a flag -g para realizar uma instalação global, a fim de atualizar (vue upgrade --next):

npm install -g @vue/cli

Para saber mais sobre plug-ins adicionais que podem ser adicionados (como linting ou Apollo para integrar o GraphQL), visite plug-ins do Vue CLI na documentação do Vue CLI.

Recursos adicionais