Archivo de la categoría: Herramientas

Descripción y uso de algunas herramientas.

Yeoman – webapp

Uno de los generadores más fáciles de utilizar en yeoman es webapp. Antes de instalarlo vamos a revisar si tenemos bower instalado: En este caso, como tenemos bower instalado, no hay necesidad de hacer nada. En caso de que no esté instalado, bower se instala como un módulo de npm: Una vez que tenemos bower […]

Yeoman

Es probable que algunos de los proyectos que realicemos tengan la misma configuración inicial – organización de archivos, uso de algunas librerías como jQuery, Bootstrap, Angular, etc. – Si este es el caso, para no comenzar de nuevo cada proyecto, podemos utilizar un generador con el cuál podemos obtener la estructura, configuración inicial y / […]

Flujo de trabajo con grunt

Ya revisamos algunos módulos de grunt de manera independiente falta integrarlos como parte de un flujo de trabajo – workflow -. Aunque el flujo de trabajo varía dependiendo del proyecto o equipo de trabajo, esto te puede servir de referencia para incorporar grunt a tu flujo de trabajo y que lo ajustes a tus necesidades. […]

Evaluar código con qUnit y grunt

Para utilizar qunit con grunt es necesario instalar el módulo: grunt-contrib-qunit Una vez hecho esto tenemos que realizar lo siguiente en el archivo Gruntfile.js: Cargar el módulo. Registrar la tarea. Configurar la tarea. Algunas de las opciones * que podemos utilizar para configurar la tarea son: Opción Descripción timeout Número de milisegundos que grunt va […]

Evaluar código con jasmine y grunt

Para integrar jasmine con grunt es necesario instalar el módulo grunt-contrib-jasmine como dependencia del proyecto. Para utilizar el módulo necesitamos tener los archivos de las especificaciones – Specs – y el código fuente que las especificaciones evalúan. En el archivo Gruntfile.js tenemos que: Incluir el módulo con las tareas grunt-contrib-jasmine Definir una tarea Configurar la […]

Grunt Clean

Si borramos archivos o carpetas dentro de nuestro proyecto como parte del flujo de trabajo es posible automatizarlo con grunt. Para automatizar esta tarea necesitamos instalar el módulo grunt-contrib-clean Una vez instalado revisamos que el archivo package.json incluya la dependencia. Una vez hecho esto tenemos que configurar el módulo grunt-contrib-clean en el archivo Gruntfile.js Para […]

Grunt jshint

JSHint es una herramienta que nos puede ayudar a mejorar la calidad del código que escribamos. Esta herramienta detecta errores y problemas potenciales en el código de JavaScript además de que se pueden ajustar a las convenciones de codificación de tu equipo de trabajo. JSHint se puede utilizar directamente con node.js pero lo vamos a […]

Grunt livereload

El proceso de live reload o recarga en directo se refiere a incluir y mostrar los cambios realizados en algún archivo definido que forman parte de un documento – página, sitio, aplicación – de manera automática sin necesidad de recargar el navegador manualmente. La configuración para utilizar livereload es muy parecida a la que utilizamos […]

Observar archivos

Grunt nos permite ejecutar tareas cuando algún archivo – que definamos – tenga alguna modificación. Para poder realizar esto necesitamos instalar el módulo grunt-contrib-watch. Una vez hecho esto confirmamos que grunt-contrib-watch se encuentre dentro de las dependencias en el archivo package.json de nuestro proyecto. Ahora necesitamos modificar el archivo Gruntfile.js en tres partes: Incluir el […]

Instalar paneles de control en os x

Una vez que habilitamos Apache en OS X a veces no queremos utilizar la terminal únicamente para iniciar o detener algún servicio – Apache -. Para este caso es posible descargar el reemplazo del panel de control compartir web – Web Sharing – de las preferencias del sistema de OS X. Web sharing es una […]