Setting up Grunt with Visual Studio 2015

  1. You need to install Node.JS which you can get from here https://nodejs.org/en/download/
  2. You need to install Grunt globally which you do by running this command

    npm install -g grunt-cli

    You can do that on your command shell as Administrator (for Windows). For more details read here - http://gruntjs.com/getting-started

  3. Open CompositeC1 solution in Visual Studio.

    The Website project contains NPM configuration file, called package.json and Grunt configuration file, called gruntfile.js. When you open a project with a package.json in Visual Studio 2015, an NPM installs packages automatically into the project folder node_modules.

  4. On the Website project locate the file gruntfile.js, right click and select Task Runner Explorer.

    On "Task Runner Explorer" window you will see the list of Grunt tasks, like less, mergeSvg, uglifyCompileScripts ...

  5. On "Task Runner Explorer" window run build task.
  6. You are done

    Start console and press F5 in your Browser.