grunt-devtools's Introduction

grunt-devtools (preview)

Grunt Task Runner Extension for Chrome Developer Tools

Quick Setup

Download the Grunt Devtools add-on for Chrome Dev Tools from the Chrome Web Store.
npm install grunt-devtools in your grunt project
Add grunt.loadNpmTasks('grunt-devtools'); to your Gruntfile
run grunt devtools
open Chrome Dev tools, find the Grunt tab. Your grunt tasks should now be accessible from Chrome.

Updating from an older version

Chrome extension updates automatically or you can force an update under chrome://extensions
Grunt plugin updates using npm install grunt-devtools ( auto-update might be coming soon )
The versions of the plugin and extension should always match ( 0.1.0.1 in Chrome is 0.1.0-1 on npm )

Preview Screenshots

Dev Setup

Chrome Extension

Load unpacked extension from the extension folder.

Grunt Plugin Installation

Locally install the plugin using npm install [folder]/grunt-plugin
Add grunt.loadNpmTasks('grunt-devtools'); to your Gruntfile
run grunt devtools

Issues

If you experience issues, perform an update first. Check the project wiki. If issues still occur - report it or ask for help in the #grunt irc channel on freenode

Current Limitations

The extension will work for up to 5 instances of grunt devtools at a time (this means if you like to work on more than 5 projects at a time, you will need to turn off the task)
Background tasks disappear when done

TODO

Test Windows
registerMultiTask support
send tasks into background right away

Release History

0.1.0.7 - Fixes, added update warnings.
0.1.0.6 - Various fixes.
0.1.0.5 - Updating UI, Adding a way to set flags --force and --verbose, output fixes, background task updates.
0.1.0.4 - Adding Background Task support. You can now press (B) to send the task into background and continue running other tasks.
0.1.0-alpha3 - Adds Gruntfile.coffee support

Recommend Projects