lukas238 / web-project-boilerplate Goto Github PK

#Web-Project-Boilerplate Boilerplate para proyectos web, con Gulp, Sass, y Bootstrap3.

##Tecnologías

• Sass
• Bootstrap-Sass-official
• Font-Awesome
• JQuery 1.11.13
• HTML5 tags on IE8.
• MediaQueries in IE8.

Indice

• Estructura de carpetas
• Requerimientos
• Tareas de Gulp
  • Task: "dev"
  • Task: "comps"
  • Task: "build"

##Estructura de carpetas +---components +---dev +---dist +---src +---fonts +---images +---js +---scss ¦ +---components +---vendors

• \src: Where all project files are developed.
• \components: Where all individual HTML components are developed.
• \dev: Where the compiled project and live develop web server runs.
• \dist: Where the static compiled project reside, after a build.

##Requerimientos

• Git / Git for Mac
• Node.js / Node.js for Mac)
• Ruby / Ruby for Mac with RVM
• Gulp
• Bower
• Any Git GUI like SmartGit / SmartGit for Mac.

Note: In some networks Node.js or bower fail to access the packages because the git:// protocole is blocked. A workaround is to configure Git to globally use the protocol https:// instead.

Jus open the git console and run this command:

$ git config --global url."https://".insteadOf git://

##Tareas de Gulp

For development (default)

$ gulp

This task compile all files from \src folder fo \dev folder, and start the web server for development.

For components

$ gulp comps

This task compile all files from \src folder fo \dev folder, then copy the \js, \css, \images, and \fonts folder to the \components folder, and start the web server for component development.

For distribution

$ gulp build

This task compile all files from \src folder fo \dist folder.