Starterkit en Jade y Less con [HTML5 Boilerplate] (https://html5boilerplate.com) y Bootstrap. Controlador de dependencias npm Con automatizador de tareas Gulp
- Descargar repositorio
- Entrar en al carpeta del repositorio con el terminal.
- Introducir la orden npm install (previamente hay que tener instalado node.js en el sistema). Ojo, las funciones están escritas en ECMAScript 6, actualiza node.js a la última versión para que las reconozca.
- Teclear gulp en el terminal... y a funcionar
- autoprefixer
- bootstrap-less
- css-mqpacker
- gulp
- gulp-bootlint
- gulp-csslint
- gulp-html5-lint
- gulp-jade
- gulp-less
- gulp-livereload
- gulp-minify-css
- gulp-postcss
- path
- Se descarga al realizar al instalación de npm install
- preprocesador Less
- Configurado con solo el sistema de grilla, mixin y variables, estas últimas necesarias para el funcionamiento de la regilla. Para activar más componentes, tanto CSS como javaScript, descomentar las líneas correspondientes en el archivo ./src/less/vendors/bootstrap-index.less
- Se preprocesa con Jade
- Chequea y valida código de Bootstrap con linter gulp-bootlint
- Chequea y valida código HTML5 con gulp-html5-lint
- Lo guarda en la carpeta de producción ./dist
- Recarga página del navegador con Livereload
- Preprocesa el archivo style.less (Less)
- Añade prefijos de navegadores antiguos con Autoprefixer
- Pasa todas las media query al final de la hoja style.css
- Minimiza el códígo
- lo guarda en al carpeta de producción ./dist/css
- Recarga página del navegador con Livereload
- Coming soon... :)