Neste tutorial, forneceremos um processo fácil a passo para ajudá-lo a começar com o Vue.JS. Vue.JS é uma estrutura JavaScript poderosa, progressiva e reativa que é acessível e fácil de aprender. Ele fornece muitas ferramentas e bibliotecas diferentes que facilitam o processo de desenvolvimento de aplicativos. Se você tiver conhecimento de HTML, CSS e JavaScript, pode começar a criar aplicativos da Web com Vue.JS em nenhum momento.
Instalação
Para integrar o Vue.JS em um projeto, você pode usar o pacote CDN, NPM ou CLI.
Usando o pacote CDN
Se você quiser começar a aprender vue.JS, então é melhor usar o pacote CDN. Você pode simplesmente adicionar a seguinte tag de script em seu projeto para começar.
No entanto, esse método não é recomendado para fins de produção, porque pode levar a problemas com compatibilidade no futuro.
Usando NPM
Para aplicações de produção em larga escala, você deve instalar o VUE.JS usando NPM. Para usar este método, você deve ter um nó.JS instalado em sua máquina. Se você não instalou o nó.JS ainda, você pode descobrir como lendo nosso artigo como instalar o nó.JS e NPM no Ubuntu 20.04 - Dica do Linux. Se você já instalou o nó.JS, então você pode instalar Vue.JS executando o seguinte comando npm em seu terminal
# Último estábulo
$ npm install vue@próximo
Usando CLI
Vue CLI é um pacote completo para Vue.Desenvolvimento JS. A CLI está instalada globalmente usando o gerenciador de pacotes NPM. Antes de instalar o VUE.JS usando o método Vue CLI, você deve ter algum conhecimento prévio do nó.JS e ferramentas de construção front-end. Além disso, podemos usar npm ou o fio gerenciador de pacotes.
$ sudo yarn global add @vue/cli
# OU
$ sudo npm install -g @vue/cli
Depois de instalar a versão mais recente do Vue.JS Usando a vue cli, você pode atualizar facilmente seus projetos. Para verificar sua versão do Vue.JS, você pode executar o seguinte comando
Vue -Versão
Se você deseja atualizar para a mais recente versão estável de Vue.JS, você pode usar o seguinte comando vue cli.
$ sudo yarn Global Upgrade -Latest @Vue/CLI
# OU
$ sudo npm atualização -g @vue/cli
Introdução com Vue.JS
Para começar com Vue.JS, para criar um projeto usando a CLI da VUE usando o seguinte comando.
Vue Crie demonstração
Depois de executar este comando, você será solicitado a escolher uma predefinição.
Você pode ir com o padrão ou adicionar recursos personalizados. Você também pode usar o método da GUI para criar um projeto VUE usando o seguinte comando.
Vue Ui
Este comando abrirá uma janela no navegador para ajudá -lo a criar um projeto.
Resumo
Neste artigo, mostramos como instalar o VUE.JS usando três métodos diferentes. Depois de instalar o VUE.JS, você pode gerenciar com eficiência seu aplicativo da web. Se você quiser começar a usar Vue.JS imediatamente, você pode usar o método do pacote CDN. No entanto, para fins de produção, você deve usar o método NPM ou o método da CLI.
Para saber mais sobre Vue.JS, você pode visitar o site oficial aqui: Vue.JS.