Saltycrane logo

SaltyCrane Blog

Notes on Python, Django, and web development on Ubuntu Linux

    

Emacs espresso-mode for jQuery

Date: March 10, 2010  |   Modified: April 12, 2010  |   Tags: emacs, javascript   |   5 Comments

Because js2-mode (20090723b) indents jQuery like this:

$(document).ready(function() {
                     $("a").click(function() {
                                     alert("Hello World");
                                  });
                  });

instead of this:

$(document).ready(function() {
   $("a").click(function() {
      alert("Hello World");
   });
});

I've switched to espresso-mode. Here's my install notes:

  • Download 
    $ cd ~/.emacs.d/site-lisp
$ wget http://download.savannah.gnu.org/releases-noredirect/espresso/espresso.el
  • Edit your .emacs: 
    (add-to-list 'load-path "~/.emacs.d/site-lisp")
(autoload #'espresso-mode "espresso" "Start espresso-mode" t)
(add-to-list 'auto-mode-alist '("\\.js$" . espresso-mode))
(add-to-list 'auto-mode-alist '("\\.json$" . espresso-mode))
  • Start emacs and byte-compile espresso.el: 
    M-x byte-compile-file RET ~/.emacs.d/site-lisp/espresso.el

Side note: I just realized it is "espresso-mode" and not "expresso-mode".

5 Comments — feed icon Comments feed for this post


#1 Jonathan Chu commented on 2010-04-25:

Thanks for these notes Eliot! A while back, I spent a night making small mods to js2 for various annoyances; espresso mode seems to fit my needs perfectly.


#2 Eliot commented on 2010-04-26:

Hey Jonathan, glad it was helpful. Yeah I had other small annoyances with js2-mode also. Unfortunately I didn't take the time to fix them like you did.


#3 Per Wiklander commented on 2010-12-10:

According to emacs wiki:

"This is part of Emacs since version 23.2 under the name js-mode (with an alias javascript-mode)"


#4 Tikhon commented on 2011-06-13:

You can actually use js2 mode for highlighting and espresso for indenting; look at the post here.

This was written before espresso was added to Emacs as js-mode, so in the code snippets you need to replace espresso with js.

I've been using js2 mode with this modification for both jQuery and node (nested callback galore), and have been perfectly happy.


#5 Eliot commented on 2011-06-18:

Tikhon: Thanks for the tip. I haven't been editing much JS lately, but I will keep this in mind for the future.

Post a comment
Required
Required, but not displayed
Optional

Format using Markdown. (No HTML.)
  • Code blocks: prefix each line by at least 4 spaces or 1 tab (and a blank line before and after)
  • Code span: surround with backticks
  • Blockquotes: prefix lines to be quoted with >
  • Links: <URL>
  • Links w/ description: [description](URL)
Created with Django | Hosted by Linode