Morioh
Login
Iñigo Martínez

Iñigo Martínez

11 months ago

Cómo instalar Vue.js en Ubuntu 22.04

Vue.js es un marco JavaScript de código abierto para crear interfaces de usuario. Es un marco progresivo, lo que significa que puede usarlo de forma incremental, agregando funciones a medida que las necesita. Vue.js es fácil de aprender y usar, y es muy flexible y adaptable.

En este tutorial, aprenderemos cómo instalar y usar vue js en el sistema linux ubuntu 22.04 usando CLI o línea de comando. Para instalar Vue js en Ubuntu 22.04 seguimos estos pasos

Tabla de contenido

  • Paso 1: Actualice los paquetes del sistema
  • Paso 2: Instale Node js y NPM
  • Paso 3: Instale Vue.js en Ubuntu 22.04
  • Paso 4: crear la aplicación Vue.js
  • Paso 5: Inicie el servidor de aplicaciones Vue Js
  • Paso 6: Pruebe la aplicación Vue Js

Paso 1: Actualice los paquetes del sistema

En primer lugar, abra la línea de comandos y ejecute el siguiente comando en la línea de comandos para actualizar los paquetes del sistema antes de instalar vue js en ubuntu 22.04:

sudo apt update
sudo apt upgrade
sudo apt install build-essential curl

Paso 2: Instale Node js y NPM

Una vez que se hayan actualizado los paquetes del sistema, ejecute el siguiente comando en la línea de comando para agregar el repositorio Node.JS en el sistema linux ubuntu:

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

Luego ejecute los siguientes comandos en la línea de comandos para instalar node js y npm js en linxu ubuntu 22.04:

sudo apt install nodejs
sudo npm install npm@latest -g

Pruebe que el npm y el nodo están instalados con el siguiente comando:

npm -v
node -v

Paso 3: Instale Vue.js en Ubuntu 22.04

Ejecute el siguiente comando en la línea de comando para instalar vue js en ubuntu 22.4:

npm install vue@next

O puede instalar el paquete Vue CLI usando NPM. Este paquete ayuda a configurar todas las herramientas necesarias para crear un nuevo proyecto en VueJS:

sudo npm install -g @vue/cli

Paso 4: crear la aplicación Vue.js

Cree la aplicación Vue.js ejecutando el siguiente comando en la línea de comandos:

vue create tuts-project

Paso 5: Inicie el servidor de aplicaciones Vue Js

Inicie la aplicación Vue.js, así que use el siguiente comando en la línea de comando:

cd tuts-project
npm run serve

Paso 6: Pruebe la aplicación Vue Js

Finalmente, abra el navegador y presione la URL  http://192.168.77.20:8080.

En este tutorial, aprendió cómo instalar y usar vue js en el sistema linux ubuntu 22.04 usando CLI o línea de comando.

2.05 GEEK