Tools

Tools for Javascript

Pretty much all node based

Yeoman, Grunt and Bower [yeoman ]

http://yeoman.io/

Yeoman is a man in a hat with three tools for improving your productivity:

  • yo is a scaffolding tool that offers an ecosystem of framework-specific scaffolds, called generators that can be used to perform some of the tedious tasks I mentioned earlier.
  • grunt is used to build, preview and test your project, thanks to help from tasks curated by the Yeoman team and grunt-contrib.
  • bower is used for dependency management, so that you no longer have to manually download and manage your scripts.

The yeoman uses generators to scaffold out your projects.
http://yeoman.io/gettingstarted.html
Here is one for angular.

http://www.portlandwebworks.com/blog/jenkins-configuration-yeoman-based-angularjs-web-application Bam

Grunt Notes [grunt ]

runt is a “JavaScript task runner” used to automate application development. In practice it is a command line tool for performing predefined tasks that help you develop (typically, but not necessarily) JavaScript applications faster and better.

With Grunt it is possible to

  • Minify and concatenate files,
  • Compile LESS into CSS,
  • Ensure CSS & JS quality,
  • Reload browser windows automatically every time code changes
  • Run unit tests automatically,
  • Optimize RequireJS projects,
  • Build different versions of your app

To get it to work

from http://fcfeibel.com/blog/2013/07/28/grunt-quickstart-set-up-grunt-with-jshint/

install Node

install Grunt (cli) Note the CLI is not the same as Grunt. One runs the other

  $ npm install -g grunt-cli

Create package.json

 $ npm init

this really just sets up the dir for node to work.
It creates the JSON package

{
  "name": "grunt-quick-start",
  "version": "0.1.0",
  "description": "Example files for blog post"
}

now install grunt and the grunt JShint plugin

$ npm install grunt --save-dev
$ npm install grunt-contrib-jshint --save-dev

see http://fcfeibel.com/blog/2013/07/28/grunt-quickstart-set-up-grunt-with-jshint/ for more on the installation

basically…create the gruntfile and the jshint stuff as needed

Installing Karma

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License