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

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

Перевірка синтаксису / підшивка

Є дуже простий спосіб інтегрувати JSLint або керовану спільнотою jshint.com (що набагато краще IMO) з Vim, використовуючи плагін Syntastic Vim. Перегляньте іншу публікацію для отримання додаткової інформації.

Перегляд вихідного коду / список тегів

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

1. Встановіть наступні пакети за допомогою улюбленого менеджера пакунків (Ubuntu's 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. Зайдіть всередину DoctorJSdir і make install(Вам також знадобиться makeвстановлений додаток, але це дуже просто).
   • Там є деякі помилки при встановленні плагіна, make installпоки що не робить фокус. На даний момент я просто додаю реп- bin/реп до мого $ PATH замість цього. Див . GitHub DoctorJS та видає сторінки для отримання додаткової інформації.
4. Встановіть плагін TagBar Vim ( ПРИМІТКА. Це TagBar, а не старий сумнозвісний TagList!).
5. ПРИБУТ. :)

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

В даний час DoctorJS помер . Там новий багатообіцяючий проект під назвою tern.js . Наразі вона знаходиться на стадії бета-версії, і з часом її слід замінити.

Є проект ramitos / jsctags, який використовує tern в якості свого двигуна. Просто npm install -gце, і панель тегів автоматично використовуватиме його для файлів javascript.

snipMate емулює ⇥систему вставки TextMate і за замовчуванням постачає купу корисних фрагментів JS (серед інших). Додати своє власне надзвичайно просто.

javaScriptLint дозволяє перевірити свій код щодо jsl.

Також на vim.org можна знайти різноманітні файли синтаксису JavaScript . Спробуйте їх і подивіться, який з них найкраще підходить для вашого стилю кодування.

Рідна всенародна ( 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,
    \ })

і зробив те ж саме для actioncript та php.

Якщо ви хочете відредагувати JS / CSS в документі HTML, ви можете зробити: встановити ft = html.css.javascript у командному рядку Vim, щоб зробити ctrlx- ctrloпрацювати, як очікувалося, на імена методів / властивостей у блоках JS та властивості / значення в блоках CSS. Однак у цього підходу є і свої недоліки (дивне відступ ...).

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

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

Для виправлення відступу та автоматичного форматування (Ctrl =): відступ JavaScript

Щоб встановити ширину відступу, додайте javascript.vimфайл у dir ~ / .vim / ftplugin dir із наступним вмістом (для двох відступів простору):

 setl sw=2 sts=2 et