我怎样才能让Vim使JS缩进正确？

Question

Emacs user here, giving Vim a go. :)

I like the quick keystrokes and the overall philosphy very much, but I've been hitting some trouble with the slightly more advanced stuff. One of my gripes is indenting (using the = command).

See this JS snippet. This is how Emacs' js2-mode indents it. I like this :

var MyClass = declare([], {
    constructor: function(params) {
        if(!params) {
            params = {};
        }

Now this is what Vim does with it. Friggin' hell :

       var MyClass = declare([], {
constructor: function(params) {
if(!params) {
params = {};
}

All the code above this construction gets indented decently, but from there on it simply sucks. And I have this kind of construction a bit all over my code. I've checked :filetype and flipped those switches on. I've tried with and without plugins. Not getting it right. Vim is gVim 7.4, downloaded a couple of days ago. I've seen this question and the snippet shown there is indented correctly out of the box.

Does anybody have a clue what I could attempt here ? Thanks for any advice !

Answer 1

In your .vimrc :

set  nocompatible " vi is decades old

set expandtab     " use soft tabs set shiftwidth=2  # 2 spaces tabs for JS (?) set softtabstop=2

filetype on 
filetype plugin on 
filetype plugin indent on " auto indent for supported languages (JS included)

To reformat all the file, type gg=G

gg -> go to top of file
= -> indent 
G -> until the end of the file

Answer 2

I've been a VIM user for > 10 years and I'm using this Javascript syntax plugin. I've tested indentation by

1: creating a new file and setting the filetype

:set filetype=javascript

2: Pasting your (malformatted) code

3: Hitting gg=G (which formats the complete buffer)

The resulting code looks good for me:

var MyClass = declare([], {
  constructor: function(params) {
    if(!params) {
      params = {};
    }