Instalando Vue.JS no Ubuntu Top 10.Top 10

Instalando Vue.JS no Ubuntu Top 10.Top 10
Vue.JS é uma estrutura JavaScript progressiva, acessível e poderosa que é reativa e simples de aprender. Ele fornece várias ferramentas e bibliotecas que são realmente incríveis para se adaptar e aprender. Vue.O JS ajuda a criar aplicativos da Web com o conhecimento de JavaScript, HTML e CSS em pouco tempo.

É uma estrutura progressiva e sua biblioteca principal tem a capacidade de se integrar com as outras ferramentas e bibliotecas. Ele fornece programação baseada em componentes para desenvolver uma interface de usuário simples e eficiente.

Este artigo descreve uma instalação passo a passo do VUE.JS na versão mais recente do Ubuntu 22.04.

Como instalar o vue.JS no Ubuntu 22.04

Dois métodos diferentes são fornecidos abaixo para a instalação do VUE.JS no Ubuntu 22.04.

  • Usando NPM
  • Usando CLI

Método 1: Instalando o VUE.JS usando NPM

Para produções de aplicativos em larga escala, instalando o VUE.JS através do NPM é preferido no Ubuntu 22.04. Nó.JS e NPM são pré -requisitos para instalar o VUE.JS.

Etapa 1: Instale o nó.JS

Para instalar o nó.JS no Ubuntu 22.04, abra o terminal usando as teclas de atalho Ctrl + Alt + T e execute o seguinte comando.

$ sudo apt install nodejs

Digite “Y” para permitir e continuar o processo de instalação do nó.JS.

Nó.JS está instalado com sucesso no Ubuntu 22.04. Se nó.O JS já está instalado e simplesmente instale por NPM.

Verifique a instalação do nó.JS

Para verificar a versão instalada do nó.JS, execute o seguinte comando:

$ nodejs --versões

É verificado que a versão instalada do nó.JS é v12.22.9

Etapa 2: Instale o NPM

Para instalar o NPM, execute o seguinte comando no terminal:

$ sudo apt install npm

O NPM está instalado com sucesso.

Verifique a instalação do NPM

Para verificar a versão instalada do NPM, execute o seguinte comando:

$ npm --versões

A versão instalada do NPM é 8.5.1

Etapa 3: Instale Vue.JS

Para instalar a versão estável mais recente de Vue.JS no Ubuntu 22.04 a NPM, execute o seguinte comando:

$ npm install vue@próximo

Vue.JS está instalado com sucesso no Ubuntu 22.04.

Método 2: Instalando o VUE.JS usando CLI

CLI é o pacote completo que é usado para instalar o vue.JS no Ubuntu 22.04. Um usuário deve ter um conhecimento básico de programação e nó front-end.JS antes de usar o método da CLI para Vue.Instalação JS.

Para instalar a versão estável mais recente de Vue.JS no Ubuntu 22.04 Usando a interface da linha de comando vue, execute o seguinte comando no terminal:

$ sudo npm install -g @vue/cli

A versão estável de Vue.JS está instalado com sucesso no Ubuntu 22.04 Usando a vue cli.

Como verificar a versão instalada do VUE.JS

Para verificar a versão instalada de Vue.JS No Ubuntu, execute o seguinte comando no terminal:

$ vue -versão

A versão instalada do VUE.JS é 5.0.4

Como atualizar para uma versão estável de Vue.JS?

Para atualizar para a mais recente versão estável de Vue.JS no Ubuntu 22.04, execute o seguinte comando:

$ sudo npm atualização -g @vue/cli

Como criar um vue.Aplicação JS?

Existem duas maneiras de criar um vue.Aplicativo JS:

  • Através da CLI
  • Através da GUI

Crie uma vue.Aplicativo JS usando CLI

Para começar o Vue.JS, crie um aplicativo de demonstração usando a CLI executando o seguinte comando:

$ vue Crie demonstração

Aqui, o "Demo-App" é o nome do aplicativo. Você também pode fornecer seu nome de escolha.

Escolha uma predefinição (Vue 3 é a mais recente e preferida):

Ele começará a criar e configurar o aplicativo para você:

Projeto "Demo-App" é criado com sucesso.

Crie uma vue.Aplicação JS através da GUI

Para começar o Vue.JS ou crie um aplicativo de demonstração através do método da GUI, basta executar o seguinte comando que abre a janela no navegador:

Vue Ui

Depois de executar o comando no terminal, abra o link fornecido no navegador e você terá uma página da web como mostrado abaixo:

Clique na opção de menu "Criar" e, na seção, apareceu, clique no botão "Criar um novo projeto aqui":

Defina o nome do projeto, o gerenciador de pacotes e clique no botão "Avançar":

Defina a predefinição (o padrão VUE 3 seria bom):

Começará a criar um projeto e finalizar em um tempo.

O Vue Project é criado com sucesso e você pode começar a codificar, seguindo o diretório do projeto e abrindo os arquivos relativos.

Conclusão

Para instalar o VUE.JS no Ubuntu, primeiro instale pré -requisitos (nó.JS e NPM) e depois instale o VUE.JS usando “npm install vue @next” ou “sudo npm install -g @vue/cli” comando. Este artigo explicou um processo passo a passo sobre como instalar o VUE.JS usando os dois métodos, incluindo a instalação do nó.JS e NPM. Também é como começar com a mais recente versão estável do vue.JS no Ubuntu 22.04.