JavaScript Awesome Development Environment (in Emacs)

Jade connects to a browser tab or nodejs process and provides many features for JavaScript development, including a REPL (with auto completion) & object inspection, an inspector, with history and navigation, and even a stepping Debugger, similar to edebug, or cider.

The REPL with company-mode

The REPL showing clickable output

The inspector

The stepping debugger, and an inspector on locals

(Emacs 25 is required)

It's available on melpa:

M-x package-install jade

Start chrom[e|ium] with the --remote-debugging-port flag:

chromium --remote-debugging-port=9222 https://gnu.org

Evaluate M-x jade-connect-to-chrome.

(Note: as of July 31 2016, this requires node-nightly, which can be installed with npm install -g node-nightly).

Start a node process with the --listen flag:

node --listen myfile.js

Evaluate M-x jade-connect-to-nodejs.

Jade is young, here's a list of missing/wanted features

• Code evaluation using C-M-x from project JS buffers
• Adding breakpoints (to remove the need for debugger statements)
• Network inspector (could get inspiration from restclient.el)
• DOM inspector
• Start processes (chromium, node, grunt, gulp, etc.) from Emacs and attach a jade connection to it.

There is currently support for Chrom[e|ium], & nodejs. The firefox backend is currently missing.