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

October 19, 2015 | By the+gnu+linux+evangelist | Filed in: Tutorial.

Angular.js Project Scaffolding on Ubuntu Linux

You are Welcome! 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.

Angularjs Project Scaffolding on Ubuntu - 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 the 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 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…


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

QuickChic Theme • Powered by WordPress