title: how to install grunt sass in angular js?
body: <p>I am trying to use grunt in my first angular project .I am trying to use sass in my project .I follow all steps of this link
  <a href="http://blog.meredithunderell.com/2014/07/24/setting-up-twitter-bootstrap-sass-with-grunt-in-an-angularjs-project/" rel="nofollow">http://blog.meredithunderell.com/2014/07/24/setting-up-twitter-bootstrap-sass-with-grunt-in-an-angularjs-project/</a></p>
  
  <p>I am trying to use sass which convert .sass file to css file .but when I run my project I am getting error this </p>
  
  <pre><code>MacBook-Pro:test_saas naveenkumar$ grunt sass
  Running "sass:dist" (sass) task
  Warning: 
  You need to have Ruby and Sass installed and in your PATH for this task to work.
  More info: https://github.com/gruntjs/grunt-contrib-sass
   Use --force to continue.
  
  Aborted due to warnings.
  MacBook-Pro:test_saas naveenkumar$ 
  </code></pre>
  
  <p>In above link it is not written this type of error or warning 
  could you please tell me how to solve this error</p>
  
  <p>here is my gruntfile.js</p>
  
  <pre><code>'use strict';
  
  module.exports = function(grunt) {
  
      grunt.initConfig({
          pkg: grunt.file.readJSON('package.json'),
  
          project: {
              app: ['app'],
              assets: ['&lt;%= project.app %&gt;/assets'],
              css: ['&lt;%= project.assets %&gt;/sass/style.scss']
          },sass: {
  
                 dist:{
                     files:{
                         'app/assets/css/style.css':'app/assets/css/style.scss'
                     }
                 }
              //dev: {
              //    options: {
              //        style: 'expanded'},
              //    files: {
              //        '&lt;%= project.assets %&gt;/css/style.css':'&lt;%= project.css %&gt;'
              //    }
              //}
          },watch: {
              sass: {
                  files: '&lt;%= project.assets %&gt;/sass/{,*/}*.{scss,sass}',
                  tasks: ['sass']
              }
          }
  
  
      });
  
  
  
      grunt.loadNpmTasks('grunt-contrib-sass');
      grunt.loadNpmTasks('grunt-contrib-watch');
      grunt.registerTask('default', [
          'watch'
      ]);
  
  };
  </code></pre>
  
  <p><strong>update</strong></p>
  
  <p>After install sass it gives this error</p>
  
  <pre><code>MacBook-Pro:test_saas naveenkumar$ grunt sass
  Running "sass:dist" (sass) task
  Errno::ENOENT: No such file or directory - undefined
    Use --trace for backtrace.
  Warning: Exited with error code 1 Use --force to continue.
  
  Aborted due to warnings.
  </code></pre>