Instalar o Vue.js diretamente no Windows

  • Artigo

Um guia para ajudar você a configurar um ambiente de desenvolvimento do Vue.js no Windows. Saiba mais na página de visão geral do Vue.js.

O Vue pode ser instalado diretamente no Windows ou no WSL (Subsistema do Windows para Linux). Em geral, recomendamos que você instale o Vue no WSL se pretende interagir com um back-end do NodeJS, deseja obter paridade com um servidor de produção do Linux ou pretende acompanhar o artigo com um tutorial que utilize comandos do Bash. Talvez você também queira considerar o Vite como uma alternativa ao Vue.js.

Pré-requisitos

  • Instalar o Node.js no Windows: isso inclui um gerenciador de versões, um gerenciador de pacotes e o Visual Studio Code. O npm (Gerenciador de Pacotes do Node) é usado para instalar o Vue.js.

Instalar o Vue.js

Para instalar o Vue.js:

  1. Abra uma linha de comando (ou seja, prompt de comando do Windows ou PowerShell).

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

  3. Instale o Vue.js usando o npm (Gerenciador de Pacotes do Node):

npm install vue

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

Observação

Para instalar o Vue.js usando uma CDN em vez do npm, confira a documentação de instalação do Vue.js. Confira a documentação do Vue para obter uma Explicação de diferentes builds do Vue.

Instalar a CLI do Vue

A CLI do Vue é um kit de ferramentas usado para trabalhar com o Vue na linha de comando/no terminal. Com ela, você pode fazer um scaffold rápido de um novo projeto (vue create), criar protótipos de novas ideias (vue serve) ou gerenciar projetos usando uma interface gráfica do usuário (vue ui). A CLI do Vue é um pacote npm instalado globalmente que lida com algumas das complexidades do build (como o uso do Babel ou do webpack) para você. Se você não está criando um aplicativo de página única, talvez não precise nem queira usar a CLI do Vue.

Para instalar a CLI do Vue, use o npm. Você precisará usar o sinalizador -g para a instalação global a fim de atualizá-lo (vue upgrade --next):

npm install -g @vue/cli

Para saber mais sobre outros plug-ins que podem ser adicionados (como o lint ou o Apollo para a integração do GraphQL), acesse Plug-ins da CLI do Vue na documentação da CLI do Vue.

Recursos adicionais