RSS Feeds

16.4.16

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

0 comentarios:

Publicar un comentario