What's new? | Help | Directory | Sign in
Google
js2-mode
Enhanced JavaScript IDE Emacs Mode
  
  
  
  
    
Search
for
Updated Apr 14, 2008 by steve.yegge
Labels: Featured
InstallationInstructions  

js2-mode instructions

Introduction

js2-mode is a new JavaScript editing mode for GNU Emacs. It aims to be more like an IDE (such as Eclipse or IntelliJ) than existing Emacs language modes. There is a lot of work left to do to achieve this goal, but it's got a pretty good start:

Most of the mode's features are customizable via M-x customize.

Details

To install js2-mode:

(autoload 'js2-mode "js2" nil t)
(add-to-list 'auto-mode-alist '("\\.js$" . js2-mode))

It will refuse to run unless you have byte-compiled it. You must byte-compile it with your version of Emacs because different versions of Emacs have different byte-compiled formats.

Usage Notes

Invoke M-x customize-group RET js2-mode RET to see the configuration options.

This mode does not have customizable indentation the way cc-engine modes do (e.g. java-mode, c-mode, objc-mode). It is a significant amount of work to create a customizable indenter.

Instead, js2-mode uses an indentation guesser (based on Karl Landström's "javascript.el" guesser), plus "bounce-indenting". When you hit TAB the first time to indent a line, it indents to what it thinks is the most likely indentation point, and it computes a set of other possibilities. If you hit TAB repeatedly, it cycles among these possibilities.

There are obvious downsides to this approach, but hopefully over time the indentation support will improve.

Installing from source code

As an alternate way to install the mode, you can download the source files from the svn repository (from the Source tab above), put them in your load-path, and byte-compile each of them. The mode runs without being byte-compiled in "developer mode" (i.e. from source), so be careful, since it's really really slow for large files.

If you're using the svn sources, you can get the latest updates between official releases.


Comment by glyphobet, Apr 29, 2008

Delete comment Comment by glyphobet, Today (moments ago)

I had no idea how to "put it in your Emacs load-path somewhere" and various Google searches were no help. Here's what eventually worked for me, in emacs:

1. make the directory ~/.emacs.d/js2/

2. put js2.el and js2.elc in ~/.emacs.d/js2/`

3. add these three lines to your ~/.emacs file:

(setq load-path (append (list (expand-file-name "~/.emacs.d/js2")) load-path))
(autoload 'js2-mode "js2" nil t)
(add-to-list 'auto-mode-alist '("\\.js$" . js2-mode))
Comment by j...@stonelake.fi, May 01, 2008

Thanks, got it now!

Comment by benluo, May 05, 2008

Is it possible to add some supports for Ajax module like JQuery, Dojo, YUI and so on?

Comment by mixandgo, Yesterday (29 hours ago)

Byte compiling throws an error in emacs-cvs from yesterday:

Compiling file /home/myusername/.elisp/js2.el at Thu May 15 15:09:23 2008 js2.el:6787:24:Error: Variable binding depth exceeds max-specpdl-size


Sign in to add a comment