snipMate эмулирует TextMate's⇥ система вставки и поставляется с кучей полезных фрагментов JS (среди прочих) по умолчанию. Это очень легко добавить свой собственный.

javaScriptLint позволяет проверить ваш код поJSL.

Также вы можете найти множествоФайлы синтаксиса JavaScript на vim.org. Попробуйте их и посмотрите, какой из них лучше всего подходит вам и вашему стилю кодирования.

Родная всеполнота (Ctrlx-Ctrlo) очень хорошо работает для меня. Вы можете сделать это более динамичным сautoComplPop, но иногда это может раздражать.

изменить в ответ на комментарий tarek11011:

По умолчанию acp не работает для JavaScript, его нужно немного настроить. Вот как я это сделал (грязный хак, я все еще Vim Noob):

В vim-autocomplpop / plugin / acp.vim я добавилphp а такжеjavascript (а такжеactionscript) чтобыbehavs так что это выглядит так:

let behavs = {
    \   '*'            : [],
    \   'ruby'         : [],
    \   'python'       : [],
    \   'perl'         : [],
    \   'xml'          : [],
    \   'html'         : [],
    \   'xhtml'        : [],
    \   'css'          : [],
    \   'javascript'   : [],
    \   'actionscript' : [],
    \   'php'          : [],
    \ }

Чуть ниже есть ряд блоков кода, которые выглядят так:

"---------------------------------------------------------------------------
call add(behavs.ruby, {
    \   'command' : "\<C-x>\<C-o>",
    \   'meets'   : 'acp#meetsForRubyOmni',
    \   'repeat'  : 0,
    \ })

Я продублировал этот и немного его отредактировал, чтобы он выглядел так:

"---------------------------------------------------------------------------
call add(behavs.javascript, {
    \   'command' : "\<C-x>\<C-o>",
    \   'meets'   : 'acp#meetsForRubyOmni',
    \   'repeat'  : 0,
    \ })

и сделал то же самое для actionscript и php.

Если вы хотите редактировать JS / CSS в HTML-документе, вы можете сделать это: установите ft = html.css.javascript в командной строке Vim, чтобы сделатьCtrlx-Ctrlo работать должным образом с именами методов / свойств в блоках JS и свойствами / значениями в блоках CSS. Однако у этого подхода есть и свои недостатки (странный отступ…).

https://github.com/hallettj/jslint.vim который проверяет ваш код с помощью правил jslints, а также дает синтаксические ошибки.

Отступ JavaScript

Чтобы установить ширину отступа, добавьтеjavascript.vim файл в ~ / .vim / ftplugin dir со следующим содержимым (для двух пробелов):

 setl sw=2 sts=2 et

https://github.com/maksimr/vim-jsbeautify, Это обеспечивает полное автоформатирование для JavaScript. Одно нажатие клавиши, и ваш код выглядит красиво. Это может пригодиться и при вставке фрагментов кода. Он использует популярный js-beautifier, который также можно найти в онлайн-приложении. Последнее можно найти прямо здесь:http://jsbeautifier.org/.