How to Quick-Start With AngularJs Project Scaffolding on Ubuntu Linux

Angular.js Project Scaffolding on Ubuntu Linux

Hi! The Tutorial shows you Step-by-Step How to Install and Getting-Started with the AngularJs Project Scaffolding by Yeoman, Grunt and Bower Tools on Ubuntu GNU/Linux Desktop.

Yeoman is an Open Source Web’s Scaffolding Tool for Modern WebApps.

Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.

Grunt is the JavaScript Task Runner. With Grunt you can automate just about anything with a minimum of effort.

Bower is a Package Manager for the Web. Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff you’re looking for.

1. Open a Shell Terminal emulator window
   Ctrl+Alt+t on Desktop
   (Press “Enter” to Execute Commands)

   

2. How to Install the Latest Node.js on Ubuntu Linux

   Node.js Installation for Ubuntu

   Setup Node.js on Ubuntu

3. Installing Git
   Check if it is already there:

   which git

   To install Git for Ubuntu:

   sudo apt-get install git

   If Got “User is Not in Sudoers file” then see: How to Enable sudo

4. Installing Angular Generator.

   npm install -g generator-angular

   Specifying the -g flag when invoking npm install ensures that the desired package will be available globally on your machine.

5. Installing Grunt.

   npm install -g grunt-cli

6. Installing Bower.

   npm install -g bower

   Finally, Amend Permissions with:

   sudo chown -R $LOGNAME:$LOGNAME ~/.config

7. Installing Yeoman.

   npm install -g yo

8. AngularJs Project Scaffolding with Yeoman
   First, make a target environment:

   cd ~/Documents

   mkdir -p anguarJs/scaffoldPro

   cd anguarJs/scaffoldPro

   Scaffold your AngularJs Project:

   yo scaffold scaffoldPro

   This will fire the AngularJS Yeoman generator, which asks you a few questions about how to setup your App…