Faster npm

By  on  

Good news! npm was updated in January and this is no longer an issue!

npm is the premier package repository on the web and we all use it a ton, obviously.  npm has started using basic progress bar graphics to notify users of download progress, which is nice, but appears to slow down the entire process.  This tweet blew my mind:

Executing the following before an npm install dramatically speeds up the process:

npm set progress=false

You wont see a beautiful progress bar but you will get faster installs which, in my opinion, is an excellent trade off!

Recent Features

  • By
    Responsive Images: The Ultimate Guide

    Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    CSS Text Overlap

    One of the important functions of CSS is to position elements. Margin, padding, top, left, right, bottom, position, and z-index are just a few of the major players in CSS positioning. By using the above spacing...

  • By
    Animated Progress Bars Using MooTools: dwProgressBar

    I love progress bars. It's important that I know roughly what percentage of a task is complete. I've created a highly customizable MooTools progress bar class that animates to the desired percentage. The Moo-Generated XHTML This DIV structure is extremely simple and can be controlled...

Discussion

  1. I think it’s worth mentioning that these settings are saved in a dotfile ~/.npmrc that can be backed up easily. Automating the machine setup ftw! :D

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!