Hola buena gente, hoy quiero comentaros sobre como usar a nivel básico el paquete Yeoman de NodeJS y como se utiliza para acelerar proyectos mediante el uso de los llamados generadores. Estos generadores no son otra cosa sino otros paquetes que también pueden ser encontrados en NPM y nos facilitan mediante comandos de consola el agregar funcionalidades a nuestro código, así como generar archivos automáticamente y enlazar unos con otros.

¿Os ha resultado interesante? Me alegro. Ahora vamos a comenzar con la instalación de todo el ecosistema para poder disponer de las herramientas principales sin que nos generen problemas ni conflictos. Estos son los pasos que debemos seguir:

  • Lo primero, antes de todo, es instalar en nuestro sistema NodeJS y NPM (este último viene intregrado con el primero), para hacerlo más cómodo y útil a la larga recomiendo que sigáis nuestro otro post Como instalar NodeJS usando NVM.
  • Una vez tengamos esto instalado procederemos a instalar yeoman :
    • $ npm install -g yo
  • Lo siguiente será instalar otros paquetes que son casi imprescindibles cuando trabajamos con Yeoman.
    • El primero de ellos es Bower, un gestor de paquetes optimizado para gestionar el frontend de un sitio web.
      • $ npm install -g bower
    • El segundo será Grunt, un automatizador de tareas que nos permite de manera muy cómoda hacer cosas tan útiles como minificar nuestro código en el momento en que sea guardado desde el editor.
      • $ npm install -g grunt-cli
    • Si lo deseáis yo recomendaría instalar Gulp, un paquete muy parecido a Grunt pero que se le acerca peligrosamente y está también usándose mucho.
      • $ npm install -g gulp
    • Todos estos pasos podrían resumirse en una  única expresión.
      • $ npm install -g bower grunt-cli gulp
  • Bueno, con esto ya tenemos todo instalado y podemos proceder a instalar un generador, la manera más comoda es la siguiente.
    • Abrimos una línea de comandos y ejecutamos       $ yo
    • Seleccionamos Install a generator
    • Escribimos que queremos buscar, por ejemplo angular
    • Buscamos un generador que nos pueda interesar, uno muy interesante es angular-fullstack y esperamos a que quede perfectamente instalado.
    • Si quieres más información sobre los generadores antes de instalarlos puedes visitar el sitio web http://yeoman.io/generators/
    • Una vez lo hemos instalado podríamos crear una carpeta llamada Angular y tras entrar en ella con la línea de comandos ejecutar $ yo angular-fullstack nombreDeApp
    • Esto nos generará un completo árbol apra comenzar a desarrollar un proyecto con arquitectura MEAN (MongoDB, ExpressJS, AngularJS y NodeJS).
    • A partir de aquí nos tocaría programar y usar el resto de reglas del generador que nos permitirían añadir controladores a nuestro frontend, endpoints a nuestro backend o añadir servicios a nuestro AngularJS.
    • Para conocer la potencia de este generador podéis visitar su repositorio en GitHub, es fantástico.

Como véis el proceso es sencillo y rápido y las posibilidades enormes, desde generadores de aplicaciones fullstack, hasta temas para WordPress, pasando por árboles para PhoneGap… Sin duda merece la pena aprender a usarlo y descubrir nuevos generadores que nos faciliten nuestro día a día, sin olvidar que siempre hay que comprender el completo funcionamiento de nuestra aplicación para no llevarnos ningun susto.

Esperemos que haya sido útil y esperamos hablar de temas como estos pronto, ¡a darle caña!

Admin

    Leave a Comment