Рекомендуемые плагины Vim для кодирования JavaScript? [закрыто]

Я новичок в JS и Vim. Какие плагины помогут мне написать код Javascript?

Проверка синтаксиса / линтинг

Существует очень простой способ интегрировать JSLint или управляемый сообществом jshint.com (что намного лучше IMO) с Vim с помощью плагина Syntastic Vim. Смотрите мой другой пост для получения дополнительной информации.

Просмотр исходного кода / список тегов

Там также очень аккуратный способ добавить тег-листинг с помощью Mozilla в DoctorJS (ранее jsctags ), который также используется в Cloud9 IDE «s Ace онлайн редактор .

1. Установите следующие пакеты, используя ваш любимый менеджер пакетов (Ubuntu apt-get, домашнийbrew Mac и т. Д.):
   1. exuberant-ctags
      • ПРИМЕЧАНИЕ. После установки убедитесь, что он ctagsдействительно работает, exuberant-ctagsа не предустановлена ​​ОС ctags. Вы можете узнать, выполнив ctags --version.
   2. node (Node.js)
2. Клон DoctorJSс github:git clone https://github.com/mozilla/doctorjs.git
3. Войдите в DoctorJSкаталог и make install(вам также понадобится makeустановленное приложение, но оно очень простое).
   • Есть некоторые ошибки с установкой плагина, make installна данный момент не помогает. На данный момент я просто добавляю каталог репо bin/в свой $ PATH. Дополнительную информацию см. На сайте DoctorJS на GitHub и на страницах вопросов .
4. Установите плагин TagBar Vim ( ПРИМЕЧАНИЕ: это TagBar, а не старый печально известный TagList!).
5. ПРИБЫЛЬ. :)

Новый проект - Tern.js

DoctorJS в настоящее время мертв . Там новый многообещающий проект под названием tern.js . В настоящее время он находится на ранней стадии бета-тестирования и в конечном итоге должен его заменить.

Существует проект ramitos / jsctags, в котором в качестве движка используется tern . Только npm install -gон, и панель тегов будет автоматически использовать его для файлов javascript.

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

javaScriptLint позволяет вам проверять ваш код на соответствие jsl.

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

Нативный омникомплект ( ctrlx- ctrlo) мне очень подходит . Вы можете сделать его более динамичным с помощью autoComplPop , но иногда это может раздражать.

edit, в ответ на комментарий tarek11011:

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

В 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/maksimr/vim-jsbeautify . Он обеспечивает полное автоформатирование для javascript. Одно нажатие клавиши - и ваш код выглядит красиво. Это также может пригодиться при вставке фрагментов кода. Он использует популярный js-beautifier, который также можно найти в виде онлайн-приложения. Последнюю можно найти прямо здесь: http://jsbeautifier.org/ .

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

Чтобы исправить отступы и автоформатирование (Ctrl =): Отступ JavaScript

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

 setl sw=2 sts=2 et