INCLOUD - PORTAL

appinclouds.md

INCLOUD - FRONTEND

El desarrollo frontend, se ha llevado bajo el flujo de trabajo Flux 1.0. Para mayor detalle, entrar al github de frontendlabs

Pasos de configuración e instalación

Instalación de herramientas

1. Instalar Sublime
2. Instalar ConEmu
3. Instalar Node.js

Configuramos los archivos a clonar

1. Crear una carpeta del Proyecto ( Ejm: D:/Proyectos/appinclouds )
2. Clonar repositorio. ( git clone https://mfyance@bitbucket.org/mfyance/appinclouds.git )
3. Cambiar el nombre a la carpeta clonada. ( Se bajará con el nombre de appinclouds , cambiar el nombre a frontend , la ruta terminará de la siguiente manera: D:/Proyectos/appinclouds/frontend )

Ingresamos a la carpeta Frontend

1. Ejecutamos el programa ConEmu.

2. Absolutamente todas la fuentes del desarrollo Frontend deberían agregarse/modificarse en la carpeta frontend.

cd frontend/

Nota: Es recomendable ejecutar el ConEmu a nivel de administrador de Windows.

Instalando las dependencias

1. Instalar gulp de forma global

npm install -g gulp

2. Instalar bower de forma global

npm install -g bower

3. Instalando todas las dependencias locales de nuestro proyecto Una vez situado en la carpeta frontend, debemos instalar todas las dependencias que se encuentran en el archivo package.json.

npm install

NOTA: En caso de tener el archivo node_modules.zip , ya no será necesario ejecutar esa sentencia, entonces solo copiar y descomprimir el archivo dentro de la carpeta FRONTEND.

Ejecutar todas las tareas

Utilizando este comando en la consola ejecutará el archivo gulpfile.js.

gulp

Nota: También se puede ejecutar las tareas en forma independiente

Instalar librerías con bower

bower install

Ejecutar watchers

gulp watch

Al ejecutar esta tarea, automáticamente se abrirá una página por defecto, este está configurado en el

Tareas Principales

Tarea	Descripción
gulp clean	Tarea para eliminar js, css, fuentes e imagenes previmanete compilados.
gulp copy	Tarea para copiar fuentes e imagenes desde la carpeta base frontend.
gulp css	Tarea para compilar css a partir de archivos stylus.
gulp html	Tarea para compilar html a partir archivos jade.
gulp js	Tarea para compilar javascript a partir de archivos coffee.
gulp sprites	Tarea para compilar archivos *.png a una imagen de sprites.
gulp fonts	Tarea para generar css a partir de archivos de fuentes (eot, ttf, woff, svg).
gulp icons	Tarea para generar fuente de iconos a partir de iconos en svg.
gulp watch	Tarea para escuchar cualquier modificación que se en los archivos coffee, stylus, jade y compilarlos automáticamente.

Herramientas utilizadas

1. Node js: Entorno Javascript
2. ConEMU: Terminal
3. Sublime: IDE de desarrollo