A yo generator for jade projects
npm install generator-jade
|2||downloads in the last day|
|25||downloads in the last week|
|94||downloads in the last month|
|Version||0.5.4 last updated 3 months ago|
|Keywords||yeoman-generator, jade, stylus|
A generator for Yeoman to use jade for templating.
Also: you can choose to use stylus as css preprocessor. So no ruby dependencies for this generator.
- Make sure you have yo installed:
npm install -g yo
- Install the generator:
npm install -g generator-jadeor use the
yocommand and follow instructions.
This generator is powered by the jade template engine. There is just jQuery included. No other fancy js and css frameworks.
But you can add them very easily. Just update your bower file and run
As css preprocessor you can choose between sass/comapss and stylus.
All jade files are supposed to be located under app/jade/. All .jade files with an _underscore are treated as partials and not rendered directly. Everything else is a jade file that is supposed to be a page. Create subpages in folders with own index.jade files including _default_layout.jade or you own _layout.jade in /layouts.
And this is how i thought about the directory structure of the jade directory
jade |-- index.jade |-- layouts | |-- _default_layout.jade | +-- partials | |-- _html-header.jade | |-- _footer.jade | +-- _nav.jade |-- page1 | |-- index.jade | |-- partials | |-- _partial.jade + - page2 |-- index.jade |-- partials |-- _partial.jade