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
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    CSS Filters

    CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...

Incredible Demos

  • By
    Downloadify:  Client-Side File Generation Using JavaScript and Flash

    The following tools is in its very beta stages and works intermittently. Its so damn useful that I had to show it off now though! I recently stumbled upon Downloadify, a client-side file generation tool based on JavaScript and Flash ActionScript code. A...

  • By
    WebSocket and Socket.IO

    My favorite web technology is quickly becoming the WebSocket API. WebSocket provides a welcomed alternative to the AJAX technologies we've been making use of over the past few years. This new API provides a method to push messages from client to server efficiently...

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!