Partilhar via

Instale 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 do Vue.js.

O Vue pode ser instalado diretamente no Windows ou no Subsistema Windows para Linux (WSL). Geralmente, recomendamos que instale o Vue no WSL se estiver a planear interagir com um back-end NodeJS, quiser ter paridade com um servidor de produção Linux ou pretenda acompanhar um tutorial que utiliza comandos Bash. Você também pode querer considerar Vite como uma alternativa para Vue.js.

Pré-requisitos

  • Instalar Node.js no Windows: Isso inclui um gerenciador de versões, gerenciador de pacotes e Visual Studio Code. O Gestor de Pacotes Node (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 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 de NPM, consulte a documentação de instalação Vue.js. Consulte a documentação do Vue para obter uma explicação das diferentes versões do Vue.

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