Setting up AngularJS dev env for Ubuntu

This information is read from https://thinkster.io/learn-to-build-realtime-webapps/

Installing nodeJS and npm

Installing npm

curl -L https://npmjs.org/install.sh | sh (Run as root -- sudo su)
For details read https://www.npmjs.com/package/npm

Installing nodeJS

curl -sL https://deb.nodesource.com/setup | sudo bash - (Run as root -- sudo su)
sudo apt-get install -y nodejs
For details read https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

Setting up environment for AngularJS

###Required tools for faster development and testing in angular

Yoeman generator for angular js
GruntJS for automatic build testing
Bower for managing packages

Installing yoeman, grunt and bower

npm install -g yo
npm install -g generator-angular
npm install -g bower grunt (-g signifies global scope)

Creating your App scaffolding

This will initialize a directory with Angular development environment.

mkdir myApp && cd myApp
yo angularThe command will ask for many options.

If everything is successful then you will see Gruntfile.js, app/, bower_components/, bower.json, node_modules, test/.

In bower.json change name and moduleName. Also set the same name in app/scripts/app.js at angular.module('{name}') and in app/views/index.html at ng-app="{name}".

Working with your app

To add controllers/services yo angular:controller/service {controller_name}.
To add angular modules bower install --save {module name}. Will work only if module supports installation with bower.
To run your app in browser grunt serve.

For more details read this article https://thinkster.io/learn-to-build-realtime-webapps/.

tusharbabbar/AngularDevEnvUbuntu.md