Grunt in WebStorm 8

John Lindquist

Grunt is a very popular tool in the JavaScript community. It’s built on top of Node.js, but it’s used even in most front-end only projects. So even if you don’t work with Node.js, many JavaScript developers install Node.js simply to use Grunt.

Grunt can achieve many common tasks such as minifying code, linting code, and transpiling code (e.g., changing CoffeeScript into JavaScript). The most common scenarios are achieved by using Grunt plugins which are installed through npm. In fact, developers often simply create Gruntfile (a build file written using Grunt) that only uses common plugins and then they simply configure it with settings to match their own projects.

WebStorm helps you to run Grunt tasks.

Simply right-click on your Gruntfile, select Show Grunt Tasks and you’ll now be able to double-click a task in the Grunt tool window to run it.

In order to get started, you’ll want to install Grunt’s command line interface (CLI) globally. You may need to use sudo (for OS X, *nix, BSD etc) or run your command shell as Administrator (for Windows) to do this (you can find more on Getting started with Grunt on gruntjs.com):
npm install -g grunt-cli

Please watch the video below for more details:

http://youtu.be/8KIir6EsFPE

Develop with pleasure!
JetBrains WebStorm Team

Subscribe to WebStorm Blog updates

Subscribe form

By submitting this form, I agree to the JetBrains Privacy Policy Notification icon

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy. I understand that I can revoke this consent at any time in my profile. In addition, an unsubscribe link is included in each email.

Submit

Thanks, we've got you!