This is my beginner grunt tutorial to get you started with grunt as simple as possible. I will show you in 5 steps how to get your first Grunt task to run. The task we picked here is to minify a js file. All the files to run this demo can be found at:
{filelink=28}
{filelink=29}
{filelink=30}
This demo uses the same code as: http://gruntjs.com/getting-started.
Abbreviations for the Beginner Grunt Tutorial
These are the abbreviations I use during this tutorial:
cmd: Command line.
$ This command is typed in your command line
Beginner Grunt tutorial in 5 steps
- Install node.js http://nodejs.org
- Install Grunt command line (CLI)
npm install -g grunt-cli
- Go to your root folder of your project. Save files: {filelink=28}, {filelink=29} and {filelink=30} (sample file).
- Use npm install to get grunt and all dependencies via your cmd. Make sure you are in the same folder you saved all the 3 files from step 3.
npm install
- Run grunt in cmd
grunt
You have successfully run your first Grunt task!
Did this work for you? Please let me know in the comments below. If you ran into a problem pls check out the troubleshooting below.
5 Steps to running your first Grunt task video
(coming soon)
Trouble Shooting the 5 steps
Here are the same steps as above, but this time with hints on how to check whether you completed a step. I will use
I will use the symbol $ to showcase what command to type in your cmd.
$ command in cmd
and no $ to showcase what the output may look like.
sample output
- Install node.js http://nodejs.org
check$ node -v
v0.10.24
- Install command line interface
npm install -g grunt-cli
check$ grunt –version
grunt-cli v0.1.11
- Go to your root folder of your project. Save file: package.json, Gruntfile.js and my_code.js
- Install all dependencies in cmd in the same folder you saved package.json
npm install
check$ grunt –version
grunt-cli v0.1.11
grunt v0.4.2
- Run grunt in cmd
grunt
checkFile my_code.min.js got created
Still not working? Please let me know in the comments below.
Next steps with Grunt
The next step is to learn how to setup your own Grunt tasks. Should you be interested in WordPress Frontend Developer Tools, check this out.
The perfect when to resolve soundness problem is before any visible sign appears. Actually there isn’t anything you can’t purchase on the Internet anymore. Whereas erectile disfunction is more common among older men, that doesn’t something you just have to live with. What about “canadian pharmacy cialis 5 mg” and “cialis canadian pharmacy“? In our generation, there are divers options for those ones who suffer from erectile disfunction. You may have heard about “canadian pharmacy online cialis“. More info about the matter available at “canadian pharmacy cialis 20mg“. Why it happen? Can sexual disorders in men be prevented? If you get any prescription remedies like Viagra, check with a dispenser that they are sure to take with your other remedies.