Comments on: Install Grunt JS on a Mac – Tutorial

By: Sylvia

Sylvia — Thu, 31 Aug 2017 15:20:19 +0000

Finally I figured out my mistake. You need to install Node and Grunt to your /usr/local/bin directory. Here are my install procedures in case it helps somebody else.

Note: sudo is just required on MACs

Node.js Installation
Go to https://nodejs.org/en/
Download and install the “Download for most users”
It will save to the downloads folder on your MAC
Install: Click on the node…pkg
Say yes to all questions
You should receive this message:

“ npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH. “

To confirm Node.js installation
Terminal type: sylviamcconnell$ sudo cd /usr/local/bin/
then type: sylviamcconnell$ node –version
Confirmation with version: /usr/local/bin/node v6.11.2

Grunt Installation
Terminal type- sylviamcconnell$ sudo cd /usr/local/bin
install type: sylviamcconnell$ sudo npm install -g grunt-cli
to confirm install type: sylviamcconnell$ sudo grunt –version
Confirmation with version: grunt-cli v1.2.0

By: Sylvia

Sylvia — Thu, 31 Aug 2017 05:27:50 +0000

I am trying to install on a mac. I get to this line.
sudo npm install grunt-cli -g
“This will put the grunt command in your system path, allowing it to be run from any directory.”

Where is this file supposed to be installed? I have tried many locations and none of them have worked.

I am getting this message after I install do I need to change a path somewhere?
/usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt
+ grunt-cli@1.2.0

Thank you for your help!

By: Sylvia

Sylvia — Thu, 31 Aug 2017 05:25:59 +0000

I am trying to install on a mac. I get to this line.
sudo npm install grunt-cli -g
“This will put the grunt command in your system path, allowing it to be run from any directory.”

Where is this file supposed to be installed? I have tried many locations and none of them have worked.

I am getting this message after I install /usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt
+ grunt-cli@1.2.0

Thank you for your help!

By: Εγκαταστήστε το Γρύλισμα JS σε ένα Mac – Φροντιστήριο – Moresky

Εγκαταστήστε το Γρύλισμα JS σε ένα Mac – Φροντιστήριο – Moresky — Mon, 16 May 2016 17:29:51 +0000

[…] Αρχικά στο https://codebelt.github.io/blog/javascript/install-grunt-js-on-a-mac/ […]

By: Anusha

Anusha — Fri, 20 Nov 2015 05:50:18 +0000

Hi ,I want to minfy the code of my project in mac (its working fyn in windows),
I am getting the syntax error in grunt.js file in the line where am giving the path to the files
the file code is shown below
module.exports = function(grunt) {

// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON(‘package.json’),
uglify: {
options: {
banner: ‘/*! */\n’
},
build: {
src: [‘www/js/index.js’],
dest: [‘www/js/index.min.js’]

}
}
});

// Load the plugin that provides the “uglify” task.
grunt.loadNpmTasks(‘grunt-contrib-uglify’);

// Default task(s).
grunt.registerTask(‘default’, [‘uglify’]);

};

By: Jonathan Beech

Jonathan Beech — Thu, 10 Jul 2014 11:49:54 +0000

I was initially getting frustrated with having to add sudo along with the appropriate password whenever I attempted to do an npm install which goes hand in hand with Grunt. However I found a good article on StackOverflow which helped me out a great deal. I’m not a confident command line user yet however I was able to change the permissions using the following commands:

sudo chown -R `whoami` ~/.npm

This basically changes recursively the ownership of the folder so that non root administrators dont need permission to access it.

You may also need this

sudo chown -R `whoami` /usr/local/lib/node_modules

It stopped the pesky sudo need from getting in the way

By: robert

robert — Thu, 12 Dec 2013 15:42:39 +0000

Awesome. Thanks for the feedback.

By: John

John — Thu, 12 Dec 2013 14:03:05 +0000

Thanks for this! I spent a whole day trying to make sense of using grunt to concatenate and minify my .js and .css files. I was about to give up and ran across this. I now understand and it finally makes sense now.

By: robert

robert — Tue, 25 Jun 2013 04:02:20 +0000

Thanks for the feedback. In my Install Grunt JS on Windows Tutorial I am able to just type "grunt" to run my task(s).

By: Rob

Rob — Tue, 25 Jun 2013 02:58:34 +0000

Great tutorial, also note that on windows you will need to install the grunt-cli and execute grunt using grunt.cmd

$ npm install -g grunt-cli
$ grunt.cmd

By: Ben B

Ben B — Wed, 20 Mar 2013 06:01:04 +0000

Awesome you made my day thanks!