¿Que es VUEjs? + Creación de proyecto
[smartads]
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.
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/cliEste 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 serveVue 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
