Archivo de la categoría: Herramientas

Instalación y uso básico del generador webapp de Yeoman para obtener la estructura de archivos de un sitio web.

Instalación y configuración inicial de Yeoman – la herramienta que te ayuda a configurar y generar proyectos web rápidamente -.

Cómo incluir distintos módulos y asociar tareas para utilizar grunt como parte de tu flujo de trabajo – workflow -.

Evalúa y automatiza pruebas pruebas escritas en qUnit utilizando 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 […]

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 […]

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 […]

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 […]

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 […]

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 […]