Skip to content

A Visual Studio extension that displays links to NPM, Git Repo (GitHub/GitLab, etc.) and Homepage for an imported package in javascript and typescript files on hover.

License

Notifications You must be signed in to change notification settings

mainawycliffe/npm-packages-lookup

Repository files navigation

NPM Packages Lookup - The Ultimate Onboarding Extension for Developers

Download from Visual Studio Marketplace

Learn more about a package being used in your codebase

NPM has hundreds of thousands of packages, and sometimes we come across packages that we are not familiar with. This extension helps you learn more about a package being used in your codebase by providing links to the NPM package, Homepage, and Git Repository.

NPM Packages Lookup is the ultimate onboarding VS Code extension. When reading code, we sometimes come across JS/TS packages that are unfamiliar, with this extension, just hover on the imported package, and you will get information from NPM, about the current version of the extension being used, with links to the NPM package,Homepage and Git Repository.

"Screenshot"

We are open to suggestions and PRs, feel free to open an issue or a PR.

How it works

Hover on an imported npm package and wait as the package links are loaded, as shown below 🤯🤯🤯🤯.

"Screen shot for Open Imported Packages on NPM"

Features

  • Link to NPM
  • Link to Git Remote Repository (GitHub, GitLab, BitBucket, etc.)
  • Link to Homepage (Docs Site) - (Data from NPM - Homepage Settings)
  • Link to Git Repository to view existing issues or report a bug
  • Supports Javascript and Typescript (JSX/TSX variants as well)
  • ES Modules imports Support
  • Supports package.json
  • Version and License information
  • Support for Vue, Astro, and Svelte (Suggestions and PRs are welcome)

Roadmap

Feature Status
Support version checks on package.json
Support for ES Modules imports
Support for Typescript/Javascript
Support for JSX/TSX
Support for Vue
Support for Astro
Support for Svelte
Support CommonJS Modules 🚧

Why

I created this extension to help developers get to important links for a package all in one place. Want to learn more about a package being utilized in your codebase, this extension will help you do that efficiently, no need to go through Google.

Contributing

PRs and suggestions are welcome