Hola ! en este pequeño tutoría les vengo a mostrar como comenzar un proyecto para una aplicación móvil con Vue y Framework 7.
Al igual que bulma Framework 7 trae un montón de componentes para crear aplicaciones web pero con la interfaz nativa de IOS y Android, evidentemente F7 es mucho mas robusto con un montón de animaciones y estilos que harán lucir tu aplicación tal cual una aplicación nativa.
Para comenzar nos dirigimos al lugar donde crearemos la carpeta que contendrá nuestro proyecto y corremos el siguiente comando en la terminal:
git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app
pueden cambiar “my-app” por el nombre que quieran darle a la carpeta del proyecto, esto creara una estructura de proyecto muy similar a la que vimos durante el curso de Vue.
Ahora dentro de la carpeta corremos el siguiente comando: npm intall para que se instalen todas las dependencias necesarias para nuestro proyecto.
Una vez tengamos esto listo podemos utilizar npm run dev como hemos hecho hasta ahora para ver nuestra aplicación en acción desde un servidor local.
Framework 7 incluye un montón de componentes de Vue listos para usar:
pueden ver una lista completa de los componentes en su documentación haciendo click aquí.
Con el template que descargamos podemos generar los estáticos para publicar nuestra aplicación como un sitio web pero también existe un template que incluye Apache Cordova para poder exportar nuestro sitio dentro de una aplicación y poder publicarlo en las distintas tiendas de apps.
Pueden ver una lista completa de los templates disponibles con Vue aquí.
Ademas pueden ver un live-demo de como lucen las aplicaciones en este otro lugar.
