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

October 19, 2015 | By thelinuxevangelist | Filed in: Tutorial.

Angular.js Project Scaffolding on Ubuntu Linux

The Linux 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.

Angularjs Project Scaffolding on Ubuntu Linux - Featured
  1. Open a Shell Terminal emulator window
    Ctrl+Alt+t on Desktop
    (Press “Enter” to Execute Commands)

    Linux Ubuntu AngularJs Project Scaffolding - Featured
  2. How-to Install Latest Node.js on Ubuntu Linux:

    Node.js Installation for 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 Look: Solution

  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 $(whoami):$(whoami) ~/.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…

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,