In my blog post My Javascript workflow I already explained how to setup and use yeoman, grunt and bower for javascript development. So In this post I would like to show how to use backbone generator for yeoman.
Scaffold your backbone app
Getting stated a backbone app is always tedious. we need to create all the directory structure, copy all dependency for development and tests, setup tests to run with mocha or whatever you use and also setup a build system. Here with yeoman, we are trying to make your life easier. Yeoman will take care of all of the above headaches for you.
yo backbone
Yeoman will create a initial scaffold with a single command.
yo backbone
This command will create the basic app structure and create all the files need to run your app. It copy client dependencies using bower and also install all the npm dependencies used for build the app.
That's it? Just basic scaffold? No!
Yeoman backbone generator is bundled with many sub generators, which helps to create backbone router, model, collections and views.
yo backbone:model todo : Creates backbone modelyo backbone:collection todos : Creates backbone collectionyo backbone:view todo : Creates backbone view and its templateyo backbone:router todo : Creates backbone router
What if I am coffeescripter ?
Its quite simple use --coffee option with the generator. If you created basic scaffold with coffee option then you don't want to use this option on every sub generator for that particular app. Yeoman sub-generators are intelligent enough to detect coffee and create scaffold accordingly.
Different HTML template engines
Yeoman backbone generator supports Lodash, Handlebars and Mustache. Default is set to lodash. if you wanna change it use --template-framework option.
yo backbone --template-framework=handlebars
This command will set the template engine as handlebars and when ever you create a backbone view it create the handlebars template.
Mocha or Jasmine?
You can use either mocha or jasmine as the test framework for the app. Use the option --test-framework option. Yeoman will setup the test environment according to the one you choose. This option is defaulted to mocha.
Found any bug or have any feature request? File an issue on github
Blogged via MarkdownBlogger