Es un marco progresivo y su biblioteca central tiene la capacidad de integrarse con otras herramientas y bibliotecas. Proporciona programación basada en componentes para desarrollar una interfaz de usuario simple y eficiente.
Este artículo describe una instalación paso a paso de Vue.js en la última versión de Ubuntu 22.04.
Tabla de Contenidos
Cómo instalar Vue.js en Ubuntu 22.04
A continuación se proporcionan dos métodos diferentes para la instalación de Vue.js en Ubuntu 22.04.
Método 1: Instalar Vue.js usando NPM
Para producciones de aplicaciones a gran escala, se prefiere instalar Vue.js a través de NPM en Ubuntu 22.04. Node.js y NPM son requisitos previos para instalar Vue.js.
Paso 1: Instalar Node.js
Para instalar Node.js en Ubuntu 22.04, abra la terminal con las teclas de método abreviado Ctrl + Alt + T y ejecute el siguiente comando.
ps sudo apto Instalar en pc nodos
Escriba «y» para permitir y continuar el proceso de instalación de Node.js.
Node.js se instaló correctamente en ubuntu 22.04. Si Node.js ya está instalado, simplemente instálelo con NPM.
Verificar la instalación de Node.js
Para verificar la versión instalada de Node.js, ejecute el siguiente comando:
Se verifica que la versión instalada de Node.js es la v12.22.9
Paso 2: Instalar NPM
Para instalar el NPM, ejecute el siguiente comando en la terminal:
El NPM se instaló correctamente.
Verificar la instalación de NPM
Para verificar la versión instalada de NPM, ejecute el siguiente comando:
La versión instalada de NPM es 8.5.1
Paso 3: Instale Vue.js
Para instalar la última versión estable de Vue.js en Ubuntu 22.04 a través de NPM, ejecute el siguiente comando:
Vue.js se instaló con éxito en Ubuntu 22.04.
Método 2: Instalar Vue.js mediante CLI
CLI es el paquete completo que se usa para instalar Vue.js en Ubuntu 22.04. Un usuario debe tener conocimientos básicos de programación front-end y Node.js antes de usar el método CLI para la instalación de Vue.js.
Para instalar la última versión estable de Vue.js en Ubuntu 22.04 usando la interfaz de línea de comandos de Vue, ejecute el siguiente comando en la terminal:
ps sudo npm Instalar en pc -gramo @vista/cli
La versión estable de Vue.js se instaló correctamente en Ubuntu 22.04 usando Vue CLI.
Cómo verificar la versión instalada de Vue.js
Para comprobar la versión instalada de Vue.js en Ubuntu, ejecute el siguiente comando en la terminal:
La versión instalada de Vue.js es 5.0.4
¿Cómo actualizar a una versión estable de Vue.js?
Para actualizar a la última versión estable de Vue.js en Ubuntu 22.04, ejecute el siguiente comando:
ps sudo actualización de npm -gramo @vista/cli
¿Cómo crear una aplicación Vue.js?
Hay dos formas de crear una aplicación Vue.js:
Cree una aplicación Vue.js usando CLI
Para iniciar Vue.js, cree una aplicación de demostración usando CLI ejecutando el siguiente comando:
Aquí, la «aplicación de demostración» es el nombre de la aplicación. También puede proporcionar el nombre de su elección.
Elija un ajuste preestablecido (Vue 3 es el último y el preferido):
Comenzará a crear y configurar la aplicación para usted:
El proyecto «demo-app» se crea con éxito.
Cree una aplicación Vue.js a través de GUI
Para iniciar Vue.js o crear una aplicación de demostración a través del método GUI, simplemente ejecute el siguiente comando que abre la ventana en el navegador:
Después de ejecutar el comando en la terminal, abra el enlace provisto en el navegador y tendrá una página web como se muestra a continuación:
Haga clic en la opción de menú «Crear» y en la sección que apareció, haga clic en el botón «Crear un nuevo proyecto aquí»:
Establezca el nombre del proyecto, el administrador de paquetes y haga clic en el botón «Siguiente»:
Establezca el valor preestablecido (el Vue 3 predeterminado estaría bien):
Comenzará a crear un proyecto y finalizará en un tiempo.
El proyecto Vue se creó con éxito y puede comenzar a codificar yendo al directorio del proyecto y abriendo los archivos relativos.
Conclusión
Para instalar Vue.js en Ubuntu, primero instale los requisitos previos (Node.js y NPM) y luego instale Vue.js usando «npm install [email protected]” o “sudo npm install -g @vue/cli”. Este artículo explica un proceso paso a paso sobre cómo instalar Vue.js usando los dos métodos, incluida la instalación de node.js y npm. También explica cómo comenzar con la última versión estable de Vue.js en Ubuntu 22.04.
