Vlad Filippov

Vlad Filippov

full-stack software developer / open source hacker

Introducing Grunt Devtools

Grunt Task Runner Extension for Chrome Developer Tools and Adobe Brackets

This combination of a Grunt plugin and a Chrome extension allows developers to have a quick GUI shortcut to their Grunt tasks. This extension supports background tasks, so it is possible to run the watch task and and server tasks. It also supports multiple projects, so developers can run multiple projects and view them in the Chrome develop tools tab.

View on GitHub

Quick Setup

  • Download the Grunt Devtools extension for Chrome Developer Tools from the Chrome Web Store.
  • Global Install (Want a local install? See “Local setup”).
    • npm install -g grunt-devtools
    • run grunt-devtools in a directory with a Gruntfile!
  • open Chrome Dev tools, find the Grunt tab. Your grunt tasks should now be accessible from Chrome.

Screenshots

Local Setup

  • 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.
© Vlad Filippov