JoLuGaMa Blog

Amante de la tecnología y las cosas bien hechas

Yeoman

Agilización del proceso de inicio del desarrollo web

Yeoman ayuda en nuevos proyectos, mediante las mejores prácticas y herramientas para ayudar a mantener su productividad.

Comprende herramientas y marcos que pueden ayudar a los desarrolladores a crear rápidamente aplicaciones web. (html5, css3, bootstrap, sass, angular...)

Acceder a web oficial Yeoman

Para ello, ofrece un abanico grande de generadores. Un generador es, básicamente, un plugin que se puede ejecutar con el comando 'yo'.

Yeoman incluye soporte para la formación de "código limpio", pruebas, minificación y mucho más, por lo que los desarrolladores pueden centrarse en las soluciones en lugar de preocuparse por las pequeñas cosas.

Usa 3 herramientas

  • Yo: herramienta de inicializador web con gran cantidad de generadores. Es el que nos crea el esqueleto del proyecto
  • Grunt: para ejecutar tareas, minificación, pruebas unitarias
  • Bower: herramienta ideal para manejo de dependencias. Lo usa yeoman para bajar los script que necesita

Prerequisitos

  • nodejs
  • npm
  • git

Instalación

  • Instalamos yo (antes debes tener grunt y bower)
  • npm install -g yo
  • Instalamos un generador (En este caso he elegido angular, puede ser otro)
  • npm install -g generator-karma (dependencia de angular)
    npm install -g generator-angular
    Otra opción recomendable: para desarrollo en Mean (mongodb express angular node)
    npm install -g generator-angular-fullstack (si sale error instálate la última vs nodejs)
    Para ver más generadores
  • Creamos el esqueleto del proyecto
  • Para ello, creamos la carpeta del proyecto, nos metemos dentro y ejecutamos:
    yo angular
    Hará varias preguntas, en el caso del generador angular, será si queremos Sass, Bootstrap...

Una vez realizados todos los pasos, podemos ver en la carpeta que se ha creado todo el esqueleto de una aplicación.
Puede que no haya instalado todas las dependencias, para estar seguros en terminal:
npm install

Si queremos verlo, podemos ejecutar el servidor por defecto de grunt grunt serve

Comentarios