Intellisense for Bower and NPM in Visual Studio 2015

CodeProject
Microsoft has recently launched the Visual Studio 2015 Preview with ASP.NET 5(vNext) and it’s got ton of features. In this blog post we are going to learn about Intellisense feature for Bower and NPM.

What is Bower and NPM:

 

Bower: Bower is a package manager for JavaScript libraries that allow you to define, version and retrieve your dependencies. It works on top of NPM. You can find more about that at following link.

http://bower.io/
https://egghead.io/lessons/bower-introduction-and-setup

NPM: NPM stands for Node Package Manager- It’s a kind of package manager for the installing node.js packages just like NuGet packages.  You can find more information about following location.

https://docs.nodejitsu.com/articles/getting-started/npm/what-is-npm
http://en.wikipedia.org/wiki/Npm_(software)

Bower and NPM Intellisense in Visual Studio 2015:

 

As you know when you create new ASP.NET 5 (vNext) project from visual studio 2015. It contains a new section called dependencies where you can find all the dependencies based on NPM and bower.



Both of the package manager are maintained and control by JSON files and that provides a list of dependencies for both.

Bower.json for Bower
config.json for NPM

And here’s how you can edit your bower dependencies with bower.json  and config.json file like below.



Here you can see that I tried to add Modernizer library with bower. That’s it. Hope you like it. Stay tuned for more.!.