Front-End developer en tanta

Hola, soy Sergio Cibanto

1

Herramientas_

NodeJs

Es un entorno Javascript del lado del servidor, basado en eventos. Node ejecuta javascript utilizando el motor V8, desarrollado por Google para uso de su navegador Chrome.

Ir a la web oficial

NPM

(Node Package Manager) es un gestor de paquetes de node.js, que nos permite descargar librerías y enlazarlas o descargar programas de js.

Ir a la web oficial

Gulpjs

Es un automatizador de tareas comunes en el desarrollo, tales como la minificación de código JavaScript, recarga del navegador, compresión de imágenes, validación de sintaxis de código y un sin fin de tareas más.

Ir a la web oficial

2

Creación del entorno_

INSTALAR NODE.JS

Hay que desargar el instalador

Para comprobar que se ha instalado correctamente, introducir el siguiente comando en la consola:

							

                    	 
> node -v

INSTALAR GULP-CLI

Hay que instalar gulp-cli de manera global.

							

                    	 
> npm install -g gulp-cli

Crear package.json

Sirve para añadir dependecias al proyecto

> npm init

INSTALAR GULP

> npm install gulp --save-dev

--save-dev instala el paquete en package.json como una dependencia del proyecto

INSTALAR UN PAQUETE GULP

> npm install gulp-autoprefixer --save-dev

CREAR GULPFILE.JS

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
 
gulp.task('default', function () {
  return gulp.src('dev/css/app.css')
  .pipe(autoprefixer({
    browsers: ['last 2 versions'],
    cascade: false
  }))
  .pipe(gulp.dest('dist/css'));
});

EJECUTAR EN CONSOLA

> gulp

3

Instalación de proyecto creado _

Solamente hace falta el siguiente comando:

> npm install

4

Plugins interesantes_

5

Ahora toca meterse en harina_

Este es el enlace al repositorio de GitHub

Workflow - Automatizando el día a día

By scibanto

Workflow - Automatizando el día a día

  • 412
Loading comments...