¿Qué es Vue.js?

Vue es un marco de JavaScript de código abierto y front-end para compilar interfaces de usuario y aplicaciones de página única en la web. Creado por Evan You, lanzado en 2014 y mantenido por Evan y su equipo principal, Vue se centra en la representación declarativa y la composición de componentes que ofrece una biblioteca principal solo para la capa de vista.

Si desea compilar una aplicación web de Vue representada por el servidor con características avanzadas, como enrutamiento, administración de estado y herramientas de compilación, eche un vistazo aNuxt.js.

¿Qué hace que Vue sea único?

Vue usa una arquitectura model-view-viewmodel. Evan You trabajó anteriormente en AngularJS en Google y extrajo partes de Angular para ofrecer un marco más ligero. Vue es similar a React, Angular, Ember, Knockout, etc. Consulte la documentación de Vue para obtener una comparación más detallada con estos otros marcos de JavaScript.

¿Qué puedes hacer con Vue?

• Creación de una aplicación de página única (SPA)
• Usa solo un componente de Vue para agregar una lista de to-do sencilla a tu aplicación o buscar ejemplos más complejos
• Construye un sitio web renderizado por el servidor con backend de Node.js, con ayuda de Nuxt.js

Herramientas de Vue

Vue.js solo se centra en la capa de vista, por lo que puede requerir herramientas adicionales para crear una aplicación más compleja. Es posible que quiera considerar la posibilidad de usar:

• Administrador de paquetes: dos administradores de paquetes populares para Vue son npm (que se incluye con NodeJS) y yarn. Ambos admiten una amplia biblioteca de paquetes bien mantenidos que se pueden instalar.
• Vue CLI: un kit de herramientas estándar para el desarrollo rápido de Vue.js con compatibilidad integrada con Babel, PostCSS, TypeScript, ESLint, etc.
• Nuxt.js: Un marco para hacer posible la renderización del lado servidor de las aplicaciones de Vue.js. La representación del lado servidor puede mejorar el SEO y hacer que las interfaces de usuario sean más receptivas.
• El paquete de extensiones de Vue para VS Code: agrega resaltado de sintaxis, formato de código y fragmentos de código a los archivos .vue.
• Vuetify: una biblioteca de interfaz de usuario de Vue que ofrece componentes de Material Design Framework.
• Vuesion: una plantilla de Vue para aplicaciones web progresivas (PWA) preparadas para la producción.
• Storybook: un entorno de desarrollo y pruebas para los componentes de la Interfaz de usuario de Vue.
• Vue Router: admite la asignación de direcciones URL de aplicación a componentes de Vue.
• Sistema de Diseño de Vue: una herramienta de código abierto para construir sistemas de diseño con Vue.js.
• VueX: sistema de administración de estado para aplicaciones de Vue.

Recursos adicionales

• Documentación de Vue
• Información general de Vue.js
• Instalar Vue.js en WSL
• Instalación de Vue.js en Windows
• Instalar Nuxt.js
• Empieza tus primeros pasos con Vue.js camino de aprendizaje
• Prueba un tutorial de Vue con VS Code