This project is a skeleton to use for new angular projects. It works out of the box without changes and contains all the boiler plate code to setup a new project and two example pages. It contains hooks for your production code, unit tests, deployment, module loading and much more.

The following libraries are used:

  • angularJS (of course)
  • bower (for dependeny management of javascript libraries to be loaded in browser)
  • requireJS (for javascript module loading and optimization)
  • jslint (for quality checking of javascript code)
  • grunt-manifest (an appcache manifest will be created when creating a deployable artifact)
  • grunt-targethtml (filtering of html files for deployment on production servers)
  • grunt-data-uri Embeds all referenced images in css files in the generated project css file, which is optimized by grunt
  • karma (as a test runner for unit and ui tests)
  • angular-translate (for i18n)

Differences to yeoman and angular-seed

This project is very similar to yeoman or angular-seed. As much as I like yeoman and as cool it is to use it, its also very heavy as a technology stack. This project is much lighter (besides node, grunt and bower, you don’t need to install anything) with similar, but hardcoded (and thus limited) features.

There are no features like yeoman generators. Its just a project with as much freedom and as much boundaries as I (Marco Rinck) like.

I don’t know where angular-seeds stands today, but at the time I was new to angular (November 2012), I didn’t understand what happened in angular-seed at all and was quite confused what it was doing to make something work. But i wanted to learn, so I took the hard way and learned it by making my own build system. Which eventually resulted in this sample project.

3 thoughts on “ngStart

Leave a Reply

Your email address will not be published. Required fields are marked *