Compartilhar via

Instalar Vue.js diretamente no Windows

Um guia para ajudá-lo a configurar um ambiente de desenvolvimento Vue.js no Windows. Saiba mais na página de visão geral Vue.js.

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

Pré-requisitos

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

Instalar Vue.js

Para instalar Vue.js:

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

  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 de NPM, consulte o Vue.js instalar documentos. Consulte os documentos 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 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