3 Tools to Keep npm Packages Updated

3 Tools to Keep npm Packages Updated

Keeping npm packages up to date is a chore. Sometimes it can turn into a disastrous chore since updating packages to a new major number could potentially break your apps.

Keeping npm packages up to date is a chore. Sometimes it can turn into a disastrous chore since updating packages to a new major number could potentially break your apps.

Table of Contents

Note: Always go look at the release notes/change log for new versions to check if there are any breaking changes.

Here are 3 tools that can help keep those packages up to date.

Version Lens (VS Code Extension)

Version Lens is an extension that I only learned about recently. It’s my favorite tool out of this article since it’s the easiest to use.

After installing Version Lens, you’ll be able to go into your package.json and see the exact numbers right above each package in dependencies or devDependencies.

Version Lens converts our package.json

We can now see version numbers inline. We can also click to use the specific version.

Here’s a gif of it in action:

npm (VS Code Extension)

The npm extension is the package that I used before finding Version Lens. It allows you to hover over a package and see it’s latest version. Version Lens simplifies and speeds up that process.

I still have the npm Extension installed but don’t really use it to check package numbers anymore.

ncu: npm check updates

The last tool to check for npm package updates is a command line tool.

npm-check-updates allows us to install an npm package and run a command. We can then see the updated packages in our command line.

To install:

npm i -g npm-check-updates

To use:

ncu

We’ll get a list of all the dependencies that can be updated:

You can then run ncu -u to update those packages. You can upgrade a single package by typing ncu vue .

This is a little more work than using Version Lens but it is worth noting.

Conclusion

Keeping npm packages up to date is something you should be careful while doing. Make sure you have tests in place to catch any rogue effects that package updates could bring.

node-js npm javascript web-development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Node.JS Developers | Skenix Infotech

We are providing robust Node.JS Development Services with expert Node.js Developers. Get affordable Node.JS Web Development services from Skenix Infotech.

How to Hire Node.js Developers And How Much Does It Cost?

A Guide to Hire Node.js Developers who can help you create fast and efficient web applications. Also, know how much does it cost to hire Node.js Developers.

Top Node.js Development Companies and Expert NodeJS Developers

A thoroughly researched list of top NodeJS development companies with ratings & reviews to help hire the best Node.JS developers who provide development services and solutions across the world. List of Leading Node.js development Service Providers...

Hire Web Developer

Looking for an attractive & user-friendly web developer? HourlyDeveloper.io, a leading web, and mobile app development company, offers web developers for hire through flexible engagement models. You can **[Hire Web...

Top Vue.js Developers in USA

Vue.js is an extensively popular JavaScript framework with which you can create powerful as well as interactive interfaces. Vue.js is the best framework when it comes to building a single web and mobile apps.