Skip to content

What do you think about Visual Studio Marketplace? We are looking for feedback from developers like you! Take the survey

| Marketplace
Sign in
Visual Studio Code>Other>npm Dependency LinksNew to Visual Studio Code? Get it now.

npm Dependency Links

Rene Herrmann

|
60,229 installs
| (5) | Free
Go to npm site of your dependencies
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

npm-dependency-links

Links the depedencies in your package.json to their npmjs.com profile.

Features

Visit the npmjs.com profile of your dependencies by simply CMD/Ctrl+click on the package name in your package.json.

link example

Custom Registry URL

To change the URL, you can set the configuration value in settings.json as below:

"npmDependencyLinks.registryUrlPattern": "http://myCustomRegistry/{{pkg}}/package?queryparams"

Default value is https://www.npmjs.com/package/{{pkg}}

Note that {{pkg}} is the only part of the pattern that will be set by this extension. E.g., If your pattern is http://registry.mysite.com/package?name={{pkg}}?version=latest. If you click on npm-dependency-links, then the resulting URL will be http://registry.mysite.com/package?name=npm-dependency-links?version=latest

Custom Registry URL (Legacy)

You can also pass custom registry url. For example, if you are using verdaccio. Default value is https://www.npmjs.com/package/.

To change the url, you need to set this configuration value in settings.json

"npmDependencyLinks.registryUrl": "http://myCustomRegistry/"

Note: Don't forget to put "/" in the end.

Requirements

Visual Studio Code > 1.17.0

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft