Cómo instalar Vue.js en Ubuntu 22.04 LTS

En este tutorial, le mostraremos cómo instalar Vue.js en Ubuntu 22.04 LTS. Para aquellos de ustedes que no lo sabían, Vue.js es un marco JavaScript progresivo que es reactivo y fácil de aprender. Proporciona varias herramientas y bibliotecas que son realmente increíbles para adaptar y aprender. Vue.js ayuda a crear aplicaciones web con el conocimiento de JavaScript, HTML y CSS en muy poco tiempo.

Este artículo asume que tiene al menos un conocimiento básico de Linux, sabe cómo usar el shell y, lo que es más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y se supone que está ejecutando en la cuenta raíz, si no, es posible que deba agregar ‘ sudo ‘ a los comandos para obtener privilegios de root. Le mostraré la instalación paso a paso del marco Vue.js en Ubuntu 22.04 (Jammy Jellyfish). Puede seguir las mismas instrucciones para Ubuntu 22.04 y cualquier otra distribución basada en Debian como Linux Mint, Elementary OS, Pop!_OS y más.

requisitos previos

  • Un servidor que ejecuta uno de los siguientes sistemas operativos: Ubuntu 22.04, 20.04 y cualquier otra distribución basada en Debian como Linux Mint.
  • Se recomienda que utilice una instalación de sistema operativo nueva para evitar posibles problemas.
  • Acceso SSH al servidor (o simplemente abra la Terminal si está en una computadora de escritorio).
  • A non-root sudo user o acceder a la root user . Recomendamos actuar como un non-root sudo user sin embargo, puede dañar su sistema si no tiene cuidado al actuar como root.

Instale Vue.js en Ubuntu 22.04 LTS Jammy Jellyfish

Paso 1. Primero, asegúrese de que todos los paquetes de su sistema estén actualizados ejecutando lo siguiente apt Comandos en la terminal.

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

Paso 2. Instalación de Node.js.

Ahora agregue el repositorio Node.JS usando el siguiente comando:

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

Una vez que el repositorio se haya agregado correctamente, ejecute el siguiente comando para instalar Nodejs en Ubuntu 22.04:

                      sudo apt install nodejs
                    

El siguiente paso es actualizar la versión de npm:

                      sudo npm install [email protected] -g
                    

Confirme que el npm y el nodo estén instalados con el comando:

                      npm -v
node -v
                    

Paso 3. Instalación de Vue.js en Ubuntu 22.04.

De forma predeterminada, Vue.js no está disponible en el repositorio base de Ubuntu 22.04. Ahora instale Vue.js en Ubuntu usando el npm dominio:

                      npm install [email protected]
                    

En el segundo método, 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
                    

Confirme la instalación y verifique la versión de compilación instalada de Vue.js:

                      vue --version
                    

Paso 4. Cree la aplicación Vue.js.

Puede crear su aplicación Vue.js con el siguiente comando a continuación:

                      vue create idroot-project
                    

Producción:

                      Vue CLI v5.0.4
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
Manually select features
                    

Elija un ajuste preestablecido (Vue 3 es el último y el preferido), luego, cambie el directorio a la aplicación VueJS:

                      cd idroot-project
                    

Ahora necesita iniciar su aplicación Vue.js con el siguiente comando:

                      npm run serve
                    

Producción:

                      App running at:
  - Local:   https://localhost:8080/
  - Network: https://192.168.77.20:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.
                    

Una vez instalado correctamente, navegue a su navegador y ábralo usando la URL https://192.168.77.20:8080

¡Felicidades! Has instalado correctamente Vue.js. Gracias por usar este tutorial para instalar el marco JavaScript progresivo Vue.js en el sistema Ubuntu 22.04 LTS Jammy Jellyfish. Para obtener ayuda adicional o información útil, le recomendamos que consulte el sitio web oficial de Vue.js .

Related Posts