Node.js, Grunt i Visual Studio 2013

Share on:

##Bower

Först behöver du installera Node: https://nodejs.org/

Sen i Powershell:

1npm install -g bower

Skapa bower.json-fil med. Lämna allt default utom förslagsvis namn och att inte publicera till det publika bower-repot.

1bower init

Installera de paket som behövs, för ASP.NET MVC t ex.

1bower install jquery --save
2bower install jquery-validation --save
3bower install jquery-validation-unobtrusive --save
4bower install modernizr --save
5bower install bootstrap --save
6bower install respond-minmax --save

Sen kan man avinstallera de NuGetPaket man inte behöver längre och referera in de bower-paket som istället har laddats ner till bower_configuration-katalogen.

1Uninstall-Package Microsoft.jQuery.Unobtrusive.Validation
2Uninstall-Package jQuery.Validation
3Uninstall-Package Bootstrap
4Uninstall-Package jQuery
5Uninstall-Package Respond
6Uninstall-Package Modernizr

https://nodejs.org/

##Grunt

Installera Grunt från commandline med npm:

1npm install grunt-cli -g

package.json som läggs i roten (kan också skapas med npm init.

 1{
 2  "name": "projekt-namn",
 3  "version": "0.1.0",
 4  "description": "",
 5  "dependencies": {
 6    "grunt": "^0.4.5",
 7    "grunt-contrib-nodeunit": "^0.4.1",
 8    "grunt-contrib-jshint": "^0.10.0",
 9    "grunt-contrib-uglify": "^0.5.1"
10  },
11  "devDependencies": {
12    "grunt": "^0.4.5"
13  }
14}

gruntfile.js läggs bredvid package.json

1module.exports = function (grunt) {
2    // Do grunt-related things in here
3};

Extensions till Visual Studio 2013