Node Dependencies - Visual Studio Marketplace
source link: https://marketplace.visualstudio.com/items?itemName=idered.npm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Iridium — Node Dependencies
Manage and analyze your Node.js dependencies.
Features
- 🔍 Fast autocomplete
- 🚀 Detect outdated dependencies and easily update
- 📦 Manage multiple package.json files in monorepo
- 🔢 Analyze size and load speed of each dependency
- 🧶 Support for
npm
,yarn
andpnpm
Usage
Search field shortcuts:
Up | Down
- Go up or downEnter | Click
- Install selected packageAlt+Enter | Alt+Click
- Install selected package as dev dependency@
- Display list of package versions@@
- Display list of tagged package versions
Shortcuts while focus is on installed package:
Del
- Remove packageCtrl+Enter
- Update package to latest version based on the specified rangeCtrl+Shift+Enter
- Update package to latest
Config
iridium.npm.packageManager
-npm
,yarn
,pnpm
iridium.npm.showAnalyzeTab
-true
,false
Installing latest package version
To install latest version, just select package from list and press enter.
Installing specific package version
To install specific package version, add @
after package name - list of versions will popup. You can search for specific version by typing eg. 2.0.4
or add another @
to get list of tagged versions. Try to type react@@
to get list of tags.
Installing by version
Installing by tag
Outdated packages
Outdated packages are marked by colored package version. Additional command is available for such packages - upgrade to latest
which you can access by hovering specified package.
TIP: To update all outdated packages to latest versions, use sync icon in bottom bar.
Change dependency type
You can change dependency type from normal to devDependency by clicking while hovering package item.
Removing package
To remove package, click x
while hovering package item.
Analyze mode
Analyze mode displays list of non dev dependencies with additional info:
- minified size
- minified + gzip size
- download speed on slow 3G (400 kB/s)
- download speed on slow 4G (1750 kB/s)
Powered by
This extension wouldn't exist without these superb services ❤️
- npms.io - search packages by names
- jsdelivr.com - get package tags and versions
- bundlephobia.com - get package size info
Support
Create an issue, or ping @Idered on Twitter.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK