Instalación de Vue.JS en Ubuntu Top 10.Top 10

Instalación de Vue.JS en Ubuntu Top 10.Top 10
Vue.js es un marco de JavaScript progresivo, accesible y potente que es reactivo y simple de aprender. Proporciona varias herramientas y bibliotecas que son realmente increíbles para adaptarse y aprender. Vue.JS ayuda a crear aplicaciones web con el conocimiento de JavaScript, HTML y CSS en poco tiempo.

Es un marco progresivo y su biblioteca principal tiene la capacidad de integrarse con las 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.

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.

  • Usando NPM
  • Usando CLI

Método 1: Instalación de Vue.js usando npm

Para producciones de aplicaciones a gran escala, instalación de Vue.JS a NPM se prefiere en Ubuntu 22.04. Nodo.JS y NPM son requisitos previos para instalar Vue.js.

Paso 1: Instalar nodo.js

Para instalar nodo.JS en Ubuntu 22.04, abra el terminal usando las teclas de acceso directo Ctrl + Alt + T y ejecute el siguiente comando.

$ sudo apt instalación nodejs

Escriba "Y" para permitir y continuar el proceso de instalación del nodo.js.

Nodo.JS se instala con éxito en Ubuntu 22.04. Si nodo.JS ya está instalado, entonces simplemente instale por NPM.

Verificar la instalación del nodo.js

Para verificar la versión instalada del nodo.JS, ejecute el siguiente comando:

$ nodejs --versión

Se verifica que la versión instalada de nodo.JS es V12.22.9

Paso 2: instalar npm

Para instalar el NPM, ejecute el siguiente comando en la terminal:

$ sudo apt instalación npm

El NPM se instala correctamente.

Verificar la instalación de NPM

Para verificar la versión instalada de NPM, ejecute el siguiente comando:

$ npm --versión

La versión instalada de NPM es 8.5.1

Paso 3: instalar vue.js

Para instalar la última versión estable de Vue.js en Ubuntu 22.04 A NPM, ejecute el siguiente comando:

$ npm instalación vue@siguiente

Vue.JS se instala con éxito en Ubuntu 22.04.

Método 2: Instalación de Vue.JS usando CLI

CLI es el paquete completo que se utiliza para instalar el Vue.JS en Ubuntu 22.04. Un usuario debe tener un conocimiento básico de la programación frontal y el nodo.JS antes de usar el método CLI para Vue.Instalación JS.

Para instalar la última versión estable de Vue.js en Ubuntu 22.04 Usando la interfaz de línea de comando VUE, ejecute el siguiente comando en el terminal:

$ sudo npm instalación -g @vue/cli

La versión estable de Vue.js se instala con éxito en Ubuntu 22.04 usando vue cli.

Cómo verificar la versión instalada de Vue.js

Para verificar la versión instalada de Vue.js En Ubuntu, ejecute el siguiente comando en el terminal:

$ Vue -Versión

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:

$ sudo npm actualización -g @vue/cli

Cómo crear un vue.aplicación JS?

Hay dos formas de crear un vue.Aplicación JS:

  • A través de CLI
  • A través de la GUI

Crear un vue.Aplicación JS usando CLI

Para comenzar el vue.JS, cree una aplicación de demostración usando CLI ejecutando el siguiente comando:

$ vue crea demo-app

Aquí, el "App de demostración" es el nombre de la aplicación. También puede proporcionar su nombre de elección.

Elija un preajuste (Vue 3 es el último y preferido):

Comenzará a crear y configurar la aplicación para usted:

Proyecto "Demo-App" se crea con éxito.

Crear un vue.Aplicación JS a través de GUI

Para comenzar el 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:

Vue ui

Después de ejecutar el comando en el terminal, abra el enlace proporcionado 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 apareció en la sección, haga clic en el botón "Crear un nuevo proyecto aquí":

Establezca el nombre del proyecto, el administrador del paquete y haga clic en el botón "Siguiente":

Establezca el preajuste (Vue 3 predeterminado estaría bien):

Comenzará a crear un proyecto y finalizar en un tiempo.

El proyecto VUE se crea correctamente y puede comenzar a codificar el directorio del proyecto y abriendo los archivos relativos.

Conclusión

Para instalar Vue.JS en Ubuntu, primero instalar requisitos previos (nodo.JS y NPM) y luego instale Vue.JS usando el comando "NPM Install Vue @Next" o "sudo npm install -g @vue/cli". Este artículo explicó un proceso paso a paso sobre cómo instalar Vue.JS utilizando los dos métodos, incluida la instalación de nodo.JS y NPM. También cómo comenzar con la última versión estable de Vue.JS en Ubuntu 22.04.