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,yarnandpnpm
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,pnpmiridium.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
-
48
Extension for Visual Studio Code - Automatically generate import statements for JavaScript and Python.
-
65
Extension for Visual Studio Code - Fast full-featured IntelliSense, debugging, testing, code validation, refactoring, etc.
-
46
Extension for Visual Studio Code - JavaScript snippets you can understand in 30 seconds or less.
-
34
VSCODE-DEPCHECK 🧹 ✨ Highlight unused dependencies in the package.json file to help declutter your project with ease. Preview
-
23
Coddx Coddx - a collection of tools that help developers program efficiently. Some useful features like: Task Board - manage tasks and save them as TODO.md - a simple plain text file. Generating mul...
-
36
Extension for Visual Studio Code - Manage PHP class properties
-
7
insta snapshots This extension lets you better work with Rust's insta snapshot files. It adds syntax highlighting and other improvements. Features The following...
-
22
Introduction Dependencies in C and C++ projects are hard. Building C and C++ projects is hard, and maintaining the dependencies information inside C and C++ projects is hard. Visual Studio C++ is the most popular IDE and com...
-
9
Azure Functions for Visual Studio Code Use the Azure Functions extension to quickly create, debug, manage, and deploy serverless apps directly from VS Code. Check out the Azure serverless community li...
-
12
Securing your open source dependencies with the Snyk Visual Studio Code extension ...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK