¡Hola buenas madrugadas! ¡Felices fiestas! Deseo que hayan pasado una bonita celebración con la familia, amigos, parejas y demás. Esta publicación es la parte casi final de esta serie. ¡Hoy¡ en te lo resumo así nomás, veremos algo de Vue.Js y haremos énfasis en la instalación del task runner de Gulp!

Nos vamos hacia nuestra carpeta del proyecto

image

Para usar NPM, necesitamos primero iniciar el clásico archivo package.json en la raíz del proyecto, esto se logra mediante el comando:

npm init

image

image

Procedemos a ejecutar:

npm install vue

image

En la raíz del proyecto tenemos una carpeta llamada node_modules, y dentro de ella se encuentra VueJS, a este punto, estamos en el límite de “lo tradicional” y de “lo moderno”.

Introducción a Gulp

Gulp es “task runner” que existen en la actualidad para empaquetar, minimizar, limpiar archivos de javascript, quizás hayan escuchado de “webpack”, que es un transformador empaquetador, Gulp, es como su primo, se parecen, algunos dicen que es su predecesor y cosas por el estilo, en fin, ¡venga vamos!

Más información sobre Gulp: https://www.npmjs.com/package/gulp

Instalamos gulp vía npm:

npm install gulp

image

Vamos a necesitar unos paquetes adicionales:

npm install gulp-uglify

image

npm install gulp-concat

image

npm install rimraf

image

npm install merge-stream

image

Con todo esto instalado, el siguiente paso es crear un archivo llamado gulpfile.js

Ejecutamos el comando “gulp” y si por alguna razón tienen un error, comprueben la versión del CLI de gulp.

image

En el mundo universo de nodeJS y NPM, se tiene que verificar las versiones y actualizar lo que se tenga que actualizar para que todo siga su flujo ordenado.

Instalamos mediante el ilustre comando:

npm install –g gulp-cli

Luego verificamos las versiones.

image

Ejecutamos el comando “gulp

image

Que bonito resultado hemos obtenido:

image

Ojo al detalle de vital importancia extraído desde la webs oficial de VUEjs:

https://vuejs.org/v2/guide/installation.html

image

Gracias por su atención y su tiempo, si han llegado hasta esta parte del tutorial, nos vemos en la entrega final que será publicada el fin de semana, necesito unas vacaciones, offline en el mejor de los casos. Que la fuerza os acompañe. ¡Felices fiestas¡ que sigan pasando un excelente cierre de 2018. ¡Nos seguimos leyendo y atentos al fin de semana!