selectedacre / bootstrap3-jade-node-express-grunt Goto Github PK

View Code? Open in Web Editor NEW

This project forked from alt-f1/bootstrap3-pug-former_jade-node-express-grunt

0.0 2.0 0.0 1.61 MB

Bootstrap 3 templated by Jade

License: MIT License

bootstrap3-jade-node-express-grunt's Introduction

bootstrap3-jade-node

Bootstrap 3 samples rendered using Jade, NodeJS, Express and Grunt

bootstrap3-jade-node-express-grunt

Do you want to accelerate the bootstrapping of your web applications?
Test it now https://bootstrap3-jade-node-express-grunt.azurewebsites.net/

Install dependencies

install NodeJS (globally)
install NPM (globally)
install Grunt (globally)

Download the code without Git

kudos to onlinemad, he wrote a script downloading the code and generating a package.json file

The following script will

create a directory named "bootstrap3-jade-node-express-grunt"
create a file named “init.js" containing this script https://gist.github.com/onlinemad/6373852
install the depedencies: adm-zip, request, prompt and js-beautify
run the following commands

mkdir bootstrap3-jade-node-express-grunt

cd bootstrap3-jade-node-express-grunt

curl https://gist.github.com/onlinemad/6373852/raw/8439cc03c69cd171dc95a72874130b7f6a2e7c34/init.js > init.js

npm install adm-zip

npm install request

npm install prompt

npm install js-beautify

node init.js

hit Enter on your keyboard :-)
Fill the project information: Project name, description, version number (N.N.N), Author, Reposition (url),
- the project name will be the directory used to store the [bootstrap3-jade-node-express-grunt] source code
wait a few seconds, the download occurs in background and you don't have any visual feedback
go to "How to run the app" chapter (hereafter)

Download the code using Git

git clone https://github.com/ALT-F1/bootstrap3-jade-node-express-grunt.git
cd bootstrap3-jade-node-express-grunt

How to run the app

Install the module using npm install command (locally, a node_modules directory will be created)
Start the server using the grunt command
open http://localhost:3001/ home page

Documentation

start the server using grunt
click on the links leading you to the Twitter Bootstrap templates translated into Jade
Use the *.jade files into your projects !
how did we convert the html into jade
- We use html2jade to translate automatically the html into a jade file
- Remove the characters as Jade complains as it believes it has to interpret the code =================================================
- replace inside the jade file the path to the JS and CSS files from [Bootstrap Twitter]: ../.. with the parameter #{pathToAssets}
- change the link to the custom made CSS made for each template stored under the bootstrap-3.0.0/examples/ directory : #{pathToSelectedTemplateWithinBootstrap}

Examples, how to open a bootstrap page

open http://localhost:3001/
open the Starter template

Available templates

Release History

TODOs

add front end test against html pages

v2014-01-08

Correct the chapter "Download the code without Git"

v2014-01-07

Add script written by onlinemad - a simple script to init a project based on bootstrap3-jade-node-express-grunt: https://gist.github.com/onlinemad/6373852
Petr Volny has made two changes:
- Jade npm module update
- Fix deprecated jade doctype 5

v2013-08-25