Package Intellisense

Free

Search for online NPM and Bower packages directly within Intellisense

(7) Review
Visual Studio
2013
Download (29,888)
6/1/2015
1.7.104
View
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Description
Reviews (7)
Q and A (9)
Sign in to write a review
Sort by:

by MrPaulDev | June 25 2015

This is a must have for anyone doing JS development.

by J i F | April 29 2015

Thanks Scott Hanselman to introduce me to bower, npm et al.

by LongDinhLe | April 01 2015

by con_ssc | February 18 2015

Works like a charm. The smart tags are really nice although hard to reach in my eyes. I also like the watermarks very much because getting around in all those json files sometimes gets confusing.
The description tooltips to the packages are very helpful.
The package search needs some work maybe because sometimes totally wrong hits come up for autocompletion, not having to do with anything I typed.

by eddiegroves | October 12 2014

Works as expected. The most unexpected benefit was the explanation of NPM's semver matching syntax (e.g ~ and ^). Really nice to see at a glance which is which. NuGet could benefit from something like this, hint hint :)

by bradygaster | September 01 2014

by Sayed-Ibrahim-Hashimi | August 31 2014

Makes working with Bower and npm packages much simpler for VS users.

Sign in to start a discussion


  • Editor watermarks are NOT shown
    6 Posts | Last post Sat 10:01 AM
    • Hi Mads,
      thanks for this great tool!
      
      In my environment (VS2103 Upate 4) no "Editor watermarks" are shown in my JSON files like package.json or Gruntfile.js.
      Any ideas?
      
      Thx,
      Andi
      
    • Hi Mads,
      the search on bower or npm does not work.
      Only a little search box is displayed (but know intellisense from the repository is displayed).
      
      Does your extension have problems with other extensions like Resharper, DevExpress, WebEssentials?
      
      TIA,
      Andi
    • Did you install nodejs, npm and bower? You have to do that for the extension to work
    • In my case, I installed nodejs,npm and bower but "live search" doesn't work. Please help :|
    • Hi,
      
      Same here. All works perfectly but live search.
      
      - I've installed nodejs, npm and bower.
      - Set npm in path environment variable (C:\Users\user\AppData\Roaming\npm)
      - Check my VS2013 version. (VS2013 + update 3)
      - Configure My Firewall for Visual Studio 2013
      
      I also try :
      - Install nodejs tools for VS
      - Set the path environment variable for git 
      
      i have no extension like webEssential, Resharper, or other ...
      
      Maybe another path environment variable is necessary ? (for bower, gulp or other ?)
      
      any idea ?
      
      thx
      
    • I've checked Fiddler.. No request is launched when intellisense pops..
      
      Any suggest ?
  • Add installed packages to project/solution
    3 Posts | Last post Wed 9:30 AM
    • Hello,
      
      first of all, thanks for this nice extension! :)
      
      However, whenever I install a package I have to navigate to the directory where the packages reside using the file system browser and drag & drop them into Visual Studio, because otherwise they won't show up in VS/the project. Since we are using TFS as SCM, they are also not checked in (until I do the described manual step). Is this simply a missing feature or am I failing somewhere?
      
      Best regards
      Lars
    • you need to use something like grunt to copy the files to the correct place for referencing i.e. /Scripts. Take a look at the following article which describes the basic process.
      
      http://modernweb.com/2014/01/27/managing-bower-components-with-grunt/
    • Thanks, I will try that. Currently we do not use Grunt at all, now I have a reason to dive into it. :)
  • Can't install
    2 Posts | Last post May 25, 2015
    • 2015/5/25 11:39:38 - Microsoft VSIX Installer
      2015/5/25 11:39:38 - -------------------------------------------
      2015/5/25 11:39:38 - Initializing Install...
      2015/5/25 11:39:38 - 扩展详细信息...
      2015/5/25 11:39:38 - 	Identifier      : aaa8d5c5-24d8-4c45-9620-9f77b2aa6363
      2015/5/25 11:39:38 - 	Name            : Package Intellisense
      2015/5/25 11:39:38 - 	Author          : Mads Kristensen
      2015/5/25 11:39:38 - 	Version         : 1.7.104
      2015/5/25 11:39:38 - 	Description     : Search for online NPM and Bower packages directly within Intellisense
      2015/5/25 11:39:38 - 	Locale          : en-US
      2015/5/25 11:39:38 - 	MoreInfoURL     : https://github.com/madskristensen/JSON-Intellisense
      2015/5/25 11:39:38 - 	InstalledByMSI  : False
      2015/5/25 11:39:38 - 	SupportedFrameworkVersionRange : [4.5,)
      2015/5/25 11:39:38 - 
      2015/5/25 11:39:38 - 	支持的产品           : 
      2015/5/25 11:39:38 - 		Microsoft.VisualStudio.Pro
      2015/5/25 11:39:38 - 			Version : [12.0.30626,13.0)
      2015/5/25 11:39:38 - 
      2015/5/25 11:39:38 - 	引用              : 
      2015/5/25 11:39:38 - 
      2015/5/25 11:39:38 - 正在搜索适用的产品...
      2015/5/25 11:39:38 - 找到的已安装产品 - Microsoft Visual Studio Professional 2013
      2015/5/25 11:39:38 - 找到的已安装产品 - Microsoft Visual Studio 2013 Shell (Integrated)
      2015/5/25 11:39:38 - 找到的已安装产品 - 全局位置
      2015/5/25 11:39:38 - VSIXInstaller.NoApplicableSKUsException: 此扩展不能安装在任何当前安装的产品上。
         在 VSIXInstaller.App.InitializeInstall()
         在 System.Threading.Tasks.Task.InnerInvoke()
         在 System.Threading.Tasks.Task.Execute()
      
    • help me
  • Package information not shown for bower.json
    2 Posts | Last post April 16, 2015
    • I just installed the extension in Visual Studio 2013 (Update 4).  I can see all the watermarks and package information in package.json, but I can't see the package information in bower.json. Why is that?
    • Ahh nevermind - it started working, not sure what the problem was. 
  • Proxy setings in options
    1 Posts | Last post March 27, 2015
    • Thanks for very useful extension!
      But I mostly use this extension on my job, through the corporate proxy.
      So, extension does not work properly.
      
      It would be nice if you implement proxy settings in this ext.
      Thanks!
  • tsd npm package support
    3 Posts | Last post March 27, 2015
    • Hi Mads,
      
      The tsd npm package (https://www.npmjs.com/package/tsd) is a common way of getting Typescript definition files stored in the borisyankov/DefinitelyTyped github repo. It relies on a tsd.json file similar to this one:
      
      {
        "version": "v4",
        "repo": "borisyankov/DefinitelyTyped",
        "ref": "master",
        "path": "typings",
        "bundle": "typings/tsd.d.ts",
        "installed": {
          "angularjs/angular.d.ts": {
            "commit": "30cfe7dedb3ae990a369cda93995d69b169465bd"
          },
          "jquery/jquery.d.ts": {
            "commit": "30cfe7dedb3ae990a369cda93995d69b169465bd"
          },
          "angularjs/angular-route.d.ts": {
            "commit": "30cfe7dedb3ae990a369cda93995d69b169465bd"
          }
        }
      }
      
      I know this file format is different fom the grunt.json and bower.json, and there're no package definitions built around these files also, but is there any possibility to have the Package Intellisense plugin extended to support "package" search, intellisense, install / uninstall for the tsd.json file?
      
      Best regards,
      Nelson
    • Yes, that should be possible if it's just a .json file. I've never heard of tsd.json before. I'll investigate
    • Hmmm, this will be a rather large item to implement. I'm not sure it's easily done. But at least we can provide Intellisense for the structure of tsd.js using SchemaStore.org and Web Essentials, but to get package Intellisense will be much harder. 
  • Visual Studio express for web
    2 Posts | Last post March 27, 2015
    • Is it possible to make this package available for VS Web Express?
    • No, unfortunately not. Web Express doesn't support 3rd party extensions. However, the free Visual Studio Community edition does. 
  • Getting Error: I am guessing it is because I am behind company proxy?
    3 Posts | Last post December 08, 2014
    • I am behind corporate proxy and it is giving me error.
       
      [12:07:49 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, retrying in 1.3s
      [12:08:11 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, retrying in 3.9s
      [12:08:36 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, retrying in 5.7s
      [12:09:03 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, retrying in 8.1s
      [12:09:32 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, retrying in 22.1s
      [12:10:15 PM] bower angular#*                  retry Download of https://github.com/angular/bower-angular/archive/v1.3.5.tar.gz failed with ETIMEDOUT, trying with git..
      [12:10:15 PM] bower angular#*                  EPERM EPERM, unlink 
    • Bower has issues with firewalls in some cases. This is a Bower issue and not a Package Intellisense issue.
    • Thanks Mads, I have configured the proxy in my bower, npm and git configuration files - .bowerrc, .npmrc and .gitconfig and currently updating packages over https instead of git. I am able to update it from command prompt.
      
      It will be nice if Package Installer has a option to add proxy settings, so I can do the same within VS environment.
  • How to install the packages?
    4 Posts | Last post October 04, 2014
    • I have created a package.json file with the following content:
      
      {
          "name": "SchemaStore.org",
          "description": "A colleciotn of JSON Schemas",
      
          "devDependencies": {
              "angular": "^1.2.23",
              "grunt": "^0.4.5"
          }
      }
      
      The "Smart Tags" do not show up? How can I install the packages?
      Thankx, Harry
    • This should now be fixed in version 1.2
    • I have VS2013 with Update 3 and Package Intellisense 1.2 but doesn't get up any intellisense.. Any gotcha's?
    • Nevermind, I named the file packages.json with an extra s :P