/dev tips

(118) Cloud Vision API and Speech Synthesis for image detection in JavaScript Draw your webpage with the Paint Profiler (120)

Chrome DevTools: Live edit running Node.js code with hotswapping

27 Oct 2016
Live edit running Node.js code with hotswapping

DevTools now has native (and experimental) Node.js debugging.

One powerful feature is the ability to live-edit already running code in a Node.js execution context, this is sometimes referred to as 'hotswapping'.

You can enable the Node.js debugging experiment in DevTools and then run this command in your terminal:

node --inspect index.js

DevTools will automatically start displaying your logs. While this feature is still in development, with live edit and console logging, there may be less of a reason to watch your terminal during development.

Note: I'm using Node.js 7.0 and Canary 56.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.