RSS Feeds

16.4.16

Grunt cheatsheet for begginers - chuleta para principiantes de Grunt

Recently i started using grunt for my projects and i want to share with you a cheatsheet to begginer users, feel free to download and don't forget to share, enjoy.


Download Grunt cheatsheet for begginers

Crea guías de estilo con CSS en Styledocco automatizado con Gulp

Debes tener instalado node js, npm

Instala styledocco globalmente: npm install -fg styledocco

Instala gulp: npm install --global gulp-cli

Instala gulp en tu project npm install --save-dev gulp

Crea un archivo gulp:

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});

Instala gulp-styledocconpm install gulp-styledocco --save-dev

En el archivo gulpfile.js pones:

//======= Gulp Requieres
var gulp = require('gulp');
var styledocco = require('gulp-styledocco');

//======= Styledocco Recipe
gulp.task('styledocco', function() {
  // place code for your task here
//gulp.src('src/**/*.css')
gulp.src('css/**/*.css')
    .pipe(styledocco({
      out: 'docs',
      name: 'Amazing Documentation',
      'no-minify': true
    }));
});

//======= Watch changes
gulp.task('watch', function(){
var watcher = gulp.watch('css/*.css', ['styledocco']);
watcher.on('change', function(event) {
 console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
});
});


En la terminal pones gulp wath y cuando guardes el style.css se compila styledocco generando tu documentación.


¿Quieres saber mas sobre gulp? visita este enlace de youtube