Generador para proyectos frontend

Generador enfocado a desarrollo personal

Tipos de App

• Simple Web App — Generador basico de pagina html sin ambientes
• Full Pack Web App - Generador de ambiente de desarrollo de vistas, com ambiente de desarrollo y produccion
• Angular App - Generador basico de angular
• Restify App - RestApi basico con mongose
• Admin Web App - Generador de administratorrapido basado en angular

Getting Started

Installation

Se tiene que tener instalado NodeJS & Yeoman.

npm install -g yo

Install stt generator

npm install --global generator-stt

Creando un proyecto

• Corre yo stt

• Responde las simples preguntas de la terminal

• El generador crea y configura todo automaticamente

• Si la instalaciòn fue satisfactoria, ve a la siguiente sección

• En caso de error mira lo siguiente

  • a) cd a la carpeta del proyecyo
  • b) corre bower install & npm install como administrador

Corriendo el proyecto

En este momento ya esta todo configurado, asi que es el momento de colocar manos a la obra

• Corre gulp para correr el servidor, y ya puedes comenzar tu desarrollo.

Comandos rapidos

Comandos de terminal para simplificar nuestras tareas.

General - se aplican para Fullpack y angular

• Clean Remueve todos los archivos de tu carpeta build

  gulp clean
  

• Zip Comprime tu app y la salva en zip

  gulp zip
  

Angular App

• Controller Crea un controlador en app/js/controllers

  yo stt:controller <name>
  

• Service Crea un servicio un servicio en app/js/services

  yo stt:service <name>
  

• Directive Crea una directiva en app/js/directives

  yo stt:directive <name>
  

• Filter Crea un filter en app/js/filters

  yo stt:filter <name>
  

Environment

Generador stt tiene dos ambientes, uno de desarrollo y otro de producción. Por defecto corre en ambiente de desarrollo.

Se puede cambiar de ambiente con el siguiente comando.

gulp prod

Bower Components

Tip: Cuando instales nuevos componentes de bower , ten la certeza de no tener tu nuevo componente en tu bower.json

bower install <bower-component-name> --save

El comando adicionara automaticamente el paquete a tu bower.json

Creditos

Este proyecto tomo como base el generador [Generator-smacss