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.
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.
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.
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
- 1,335