Partilhar via

Instalar Vue.js no Subsistema 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 Windows Subsystem for Linux (WSL). Saiba mais na página de visão geral do 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 Linux ou planejar acompanhar um tutorial que utilize comandos Bash. Você também pode querer considerar Vite como uma alternativa para Vue.js.

Pré-requisitos

  • Instale o Windows Subsystem for Linux (WSL), incluindo uma distribuição Linux (como o Ubuntu) e certifique-se de que está a ser executado no modo WSL 2. Você pode verificar isso abrindo o PowerShell e digitando: 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. O Gestor de Pacotes Node (npm) é usado para instalar Vue.js.

Importante

Instalar uma distribuição Linux com WSL criará um diretório para armazenar arquivos: \\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição Linux que você esteja usando). Para abrir este diretório no Explorador de Arquivos do Windows, abra a linha de comando WSL, selecione o diretório base usando cd ~e, em seguida, digite 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 diminuirá significativamente os tempos de instalação e construção.

Instalar Vue.js

Para instalar o Vue.js no WSL:

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

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

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

npm install vue

Verifique o número da versão instalada 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

Vue CLI é um kit de ferramentas para trabalhar com Vue em seu terminal / linha de comando. Ele permite que você crie rapidamente um novo projeto (vue create), prototipe novas ideias (vue serve) ou gerencie projetos usando uma interface gráfica do usuário (vue ui). Vue CLI é um pacote npm instalado globalmente que lida com algumas das complexidades de construção (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. Deve usar o parâmetro -g para instalar globalmente e efetuar a atualização (vue upgrade --next):

npm install -g @vue/cli

Para saber mais sobre plugins adicionais que podem ser adicionados (como linting ou Apollo para integrar o GraphQL), visite plug-ins Vue CLI nos documentos Vue CLI.

Recursos adicionais

  • Last updated on