Build yeoman project from git checkout

Am facing issue in building the yeoman project checkout from git. Am trying to take git checkout of yeoman project and run grunt serve. Following is the scenario followed by error description

Scenario description :

Person1 created the yeoman angularjs project using yo angular. grunt serve is working fine in Person1‘s computer. Person1 pushes the code to git so other team members can work on it.

Problem occurs when Person2 takes a checkout of the git (git clone < URL>). The grunt serve command in the checked out copy will give following error :

$ grunt serve
grunt-cli: The grunt command line interface. (v0.1.13)

Fatal error: Unable to find local grunt.

If you're seeing this message, either a Gruntfile wasn't found or grunt
hasn't been installed locally to your project. For more information about
installing and configuring grunt, please see the Getting Started guide:

I tried : npm install grunt

I got the following error :

grunt serve
Loading "Gruntfile.js" tasks...ERROR
>> Error: Cannot find module 'load-grunt-tasks'
Warning: Task "serve" not found. Use --force to continue.

Aborted due to warnings.

Tools Used :

$ grunt -version
grunt-cli v0.1.13
grunt v0.4.4
$ yo -v
suraj@localhost:testing$ npm -version

ls -l on the directory

drwxrwxr-x app
-rw-rw-r-- bower.json
-rw-rw-r-- Gruntfile.js
-rw-rw-r-- karma.conf.js
-rw-rw-r-- karma-e2e.conf.js
drwxrwxr-x node_modules
-rw-rw-r-- package.json
drwxrwxr-x test

I need help in accomplishing the task of building the project from git checkout so I could carry on the development.

  • Push to git repo in a yeoman generator?
  • Yeoman generator - create remote github repository
  • Install Yeoman Generator from Git
  • applying updates for authored yeoman generator to npm global install/update
  • Show Feedback From GIt When Launching as Spawned Node Process
  • 2 Solutions collect form web for “Build yeoman project from git checkout”

    Execute a simple npm install inside the App-Directory.

    The Problem is:
    The Yeoman-Projcet has lots of npm-dependencies, not only grunt itself, but also all of grunts tasks and generators. But of course you wouldnt want all those packages inside your repository. Thats were the “package.json” File comes in: It Lists alls Packages the Project depents on. npm install reads the package.json and installs all needed packages by itself.

    To run the app properly, you will also need to execute bower install.
    Bower is for the Frontend-Packages what npm is for node. “bower install” looks for the dependent packages in the “bower.json”-File and installs them.

    Solved in 2 steps. The the following commands :

    1. npm install
    2. bower install

    Now run grunt serve

    $ grunt serve
    Running "serve" task
    Running "clean:server" (clean) task
    Running "bower-install:app" (bower-install) task
    Running "concurrent:server" (concurrent) task
        Running "compass:server" (compass) task
        directory .tmp/styles/ 
           create .tmp/styles/main.css (8.454s)
        Compilation took 8.455s
        Done, without errors.
        Execution Time (2014-03-13 10:53:01 UTC)
        compass:server  9.1s  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 100%
        Total 9.1s
    Running "autoprefixer:dist" (autoprefixer) task
    Prefixed file ".tmp/styles/main.css" created.
    Running "connect:livereload" (connect) task
    Started connect web server on
    Running "watch" task

    This solves the problem.

    Let me know if this can be avoided or done in better way 🙂

    Git Baby is a git and github fan, let's start git clone.