Lenguajes de Programación

¿Que es VUEjs? + Creación de proyecto

Vue (pronunciado /vjuː/, como view) es un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks monolíticos, Vue está diseñado desde cero para ser utilizado incrementalmente. La librería central está enfocada solo en la capa de visualización, y es fácil de utilizar e integrar con otras librerías o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar sofisticadas Single-Page Applications cuando se utiliza en combinación con herramientas modernas y librerías de apoyo.

Fuente: https://lenguajejs.com/vuejs/introduccion/primeros-pasos/

Características de VueJS

Modularidad:

Vue.js es completamente modular. A diferencia de Angular, que ofrece todo en un paquete, Vue te brinda más libertad para usar características específicas según tus necesidades.

Reactividad:

Vue utiliza un sistema de reactividad que actualiza automáticamente la interfaz de usuario cuando los datos cambian. Esto facilita la creación de aplicaciones interactivas y dinámicas.

Componentes:

Vue se basa en componentes reutilizables. Puedes crear componentes personalizados y combinarlos para construir interfaces complejas.

Virtual DOM:

Vue utiliza un DOM virtual para optimizar el rendimiento de la aplicación y la visualización de la página.

Eventos y transiciones:

Vue proporciona manejo de eventos y transiciones suaves para mejorar la experiencia del usuario.

Mixins:

Los mixins permiten compartir lógica entre componentes sin duplicar código.

Ciclo de vida de los componentes:

Vue ofrece ganchos de ciclo de vida para ejecutar código en diferentes etapas del ciclo de vida de un componente.

Aplicaciones SPA con Vue Router:

Vue Router facilita la creación de aplicaciones de una sola página (SPA) con enrutamiento dinámico.

Como Crear proyecto con VUE

Paso 1: Instalar Node.js

Antes de comenzar, asegúrate de tener Node.js instalado en tu sistema. Puedes descargar la versión más reciente desde el sitio web oficial de Node.js (https://nodejs.org) e instalarla siguiendo las instrucciones correspondientes a tu sistema operativo.

Paso 2: Instalar Vue CLI

Vue CLI es una herramienta de línea de comandos que facilita la creación y configuración de proyectos Vue. Para instalar Vue CLI, abre una terminal y ejecuta el siguiente comando:

npm install -g @vue/cli

Este comando instalará Vue CLI globalmente en tu sistema, lo que te permitirá acceder a la interfaz de línea de comandos de Vue CLI desde cualquier directorio.

Paso 3: Crear un nuevo proyecto

Una vez que hayas instalado Vue CLI, estás listo para crear un nuevo proyecto en Vue. Sigue los siguientes pasos:

  • Abre una terminal y navega hasta el directorio donde deseas crear tu proyecto.
  • Ejecuta el siguiente comando para crear un nuevo proyecto en Vue:
vue create my-vue-project
  • A continuación, se te presentará una lista de configuraciones preestablecidas. Puedes elegir entre las opciones predeterminadas o seleccionar una configuración manual para personalizar las características de tu proyecto.
  • Una vez que hayas seleccionado una configuración, Vue CLI comenzará a instalar las dependencias necesarias y generará la estructura básica de tu proyecto.

Paso 4: Ejecutar el proyecto

Una vez que el proceso de creación se haya completado, puedes ejecutar tu proyecto Vue recién creado. Sigue estos pasos:

  • Navega al directorio de tu proyecto:
cd my-vue-project
  • Ejecuta el siguiente comando para iniciar el servidor de desarrollo:
npm run serve

Vue CLI compilará tu proyecto y te proporcionará una URL local donde puedes ver tu aplicación en el navegador.

Fuentes:

https://es.vuejs.org/v2/guide/#%C2%BFQue-es-Vue-js

https://medium.com/@dgongoragamboa/c%C3%B3mo-crear-un-proyecto-en-vue-desde-cero-6f6e77181dc1

¿Qué es Vue.js? Mira sus características | Rootstack

https://lenguajejs.com/vuejs/introduccion/primeros-pasos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.