Instalando o Vue.js no Ubuntu 22.04

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. O Vue.js ajuda a criar aplicativos da Web com o conhecimento de JavaScript, HTML e CSS rapidamente.

É uma estrutura progressiva e sua biblioteca principal tem a capacidade de se integrar com 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 a CLI

Método 1: Instalando Vue.js usando NPM

Para produções de aplicativos em larga escala, a instalação do Vue.js por meio do NPM é preferida no Ubuntu 22.04. Node.js e NPM são pré-requisitos para instalar o Vue.js.

Etapa 1: Instale o Node.js

Para instalar o Node.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 Node.js.

O Node.js foi instalado com sucesso no Ubuntu 22.04. Se o Node.js já estiver instalado, basta instalar por NPM.

Verifique a instalação do Node.js

Para verificar a versão instalada do Node.js, execute o seguinte comando:

$ nodejs --version

Verifica-se que a versão instalada do Node.js é v12.22.9

Etapa 2: instalar o NPM

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

$ sudo apt install npm

O NPM foi instalado com sucesso.

Verifique a instalação do NPM

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

$ npm --version

A versão instalada do NPM é 8.5.1

Etapa 3: Instale o Vue.js

Para instalar a última versão estável do Vue.js no Ubuntu 22.04 por meio do NPM, execute o seguinte comando:

$ npm install vue@next

O Vue.js foi instalado com sucesso no Ubuntu 22.04.

Método 2: Instalando o Vue.js usando a CLI

CLI é o pacote completo usado para instalar o Vue.js no Ubuntu 22.04. Um usuário deve ter um conhecimento básico de programação front-end e Node.js antes de usar o método CLI para a instalação do Vue.js.

Para instalar a versão estável mais recente do Vue.js no Ubuntu 22.04 usando a interface de linha de comando Vue, execute o seguinte comando no terminal:

$ sudo npm install -g @vue/cli

A versão estável do Vue.js foi instalada com sucesso no Ubuntu 22.04 usando o Vue CLI.

Como verificar a versão instalada do Vue.js

Para verificar a versão instalada do Vue.js no Ubuntu, execute o seguinte comando no terminal:

$ vue --version

A versão instalada do Vue.js é 5.0.4

Como atualizar para uma versão estável do Vue.js?

Para atualizar para a última versão estável do Vue.js no Ubuntu 22.04, execute o seguinte comando:

$ sudo npm update -g @vue/cli

Como criar um aplicativo Vue.js?

Existem duas maneiras de criar um aplicativo Vue.js:

Através da CLI
Através da GUI

Crie um aplicativo Vue.js usando CLI

Para iniciar o Vue.js, crie um aplicativo de demonstração usando a CLI executando o seguinte comando:

$ vue create demo-app

Aqui, o “demo-app” é o nome do aplicativo. Você também pode fornecer o nome de sua escolha.

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

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

O projeto “demo-app” foi criado com sucesso.

Criar um aplicativo Vue.js por meio da GUI

Para iniciar o Vue.js ou criar um aplicativo de demonstração através do método GUI, basta executar o seguinte comando que abre a janela no navegador:

vue ui

Após executar o comando no terminal, abra o link fornecido no navegador e você terá uma página da Web conforme abaixo:

Clique na opção de menu “Create” e na seção que apareceu, clique no botão “Create a new Project here”:

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

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

Vai começar a criar um projeto e finalizar daqui a pouco.

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

Conclusão

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