Zalecane wtyczki Vima do kodowania JavaScript? [Zamknięte]

Jestem nowy w JS i Vimie. Które wtyczki pomogłyby mi w pisaniu kodu JavaScript?

Sprawdzanie składni / linting

Istnieje bardzo łatwy sposób na zintegrowanie JSLint lub społecznościowej jshint.com (co jest znacznie lepszym IMO) z Vimem przy użyciu wtyczki Syntastic Vim. Zobacz mój drugi post, aby uzyskać więcej informacji.

Przeglądanie kodu źródłowego / lista tagów

Jest też bardzo gustowny sposób, aby dodać znacznik z wykazu za pomocą Mozilli DoctorJS (dawniej jsctags ), który jest również stosowany w Cloud9 IDE „s Ace Online Editor .

1. Zainstaluj następujące pakiety za pomocą swojego ulubionego menedżera pakietów (Ubuntu apt-get, dombrew Maca itp.):
   1. exuberant-ctags
      • UWAGA: Po zainstalowaniu upewnij się, że ctagsfaktycznie działa, exuberant-ctagsa nie jest wstępnie zainstalowany system operacyjny ctags. Możesz się tego dowiedzieć, wykonując ctags --version.
   2. node (Node.js)
2. Klonuj DoctorJSz github:git clone https://github.com/mozilla/doctorjs.git
3. Wejdź do katalogu DoctorJSdir i make install(Będziesz także potrzebować makezainstalowanej aplikacji, ale jest to bardzo podstawowe).
   • Jest kilka błędów związanych z instalacją wtyczki, na razie make installnie działa. Na razie po prostu dodaję katalog repozytorium bin/do mojego $ PATH. Zobacz strony GitHub i problemów DoctorJS, aby uzyskać więcej informacji.
4. Zainstaluj wtyczkę TagBar Vim ( UWAGA: To TagBar, a nie stara niesławna TagList!).
5. ZYSK. :)

Nowy projekt - Tern.js

DoctorJS obecnie nie żyje . Pojawił się nowy obiecujący projekt o nazwie tern.js . Jest obecnie we wczesnej fazie beta i powinien ostatecznie go zastąpić.

Istnieje projekt ramitos / jsctags, który używa rybitwy jako swojego silnika. Po prostu npm install -gto, a tagbar automatycznie użyje go do plików javascript.

snipMate emuluje ⇥system wstawiania TextMate i domyślnie zawiera kilka przydatnych fragmentów kodu JS (między innymi). Dodanie własnego jest niezwykle łatwe.

javaScriptLint umożliwia sprawdzenie poprawności kodu względem jsl.

Na vim.org można również znaleźć różne pliki składni JavaScript . Wypróbuj je i zobacz, który z nich najlepiej pasuje do Ciebie i Twojego stylu kodowania.

Natywny omnicomplete ( ctrlx- ctrlo) działa dla mnie bardzo dobrze. Możesz uczynić go bardziej dynamicznym dzięki autoComplPop , ale czasami może to być denerwujące.

edytuj, w odpowiedzi na komentarz tarek11011:

acp nie działa domyślnie dla JavaScript, musisz go trochę poprawić. Oto jak to zrobiłem (brudny hack, nadal jestem Vim noob):

W vim-autocomplpop / plugin / acp.vim dodałem phpi javascript(i actionscript) do, behavsaby wyglądało tak:

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

Nieco poniżej znajduje się seria bloków kodu, które wyglądają następująco:

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

Ten zduplikowałem i trochę zmodyfikowałem, żeby wyglądał tak:

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

i zrobiłem to samo dla actioncript i php.

Jeśli chcesz edytować JS / CSS w dokumencie HTML, możesz to zrobić: ustaw ft = html.css.javascript w linii poleceń Vima, aby zrobić ctrlx- działaj zgodnie z ctrlooczekiwaniami z nazwami metod / właściwości w blokach JS i właściwościami / wartościami w blokach CSS. Jednak takie podejście ma też swoje wady (dziwne wcięcia…).

Ta wtyczka jest również przydatna: https://github.com/maksimr/vim-jsbeautify . Zapewnia pełne autoformatowanie dla javascript. Jedno naciśnięcie klawisza i Twój kod wygląda pięknie. Może się przydać również podczas wklejania fragmentów kodu. Korzysta z popularnego js-beautifier, który można również znaleźć w aplikacji online. Ten ostatni można znaleźć tutaj: http://jsbeautifier.org/ .

Używam tylko jednej wtyczki vim specyficznej dla js - jslint.vim - https://github.com/hallettj/jslint.vim, która sprawdza poprawność kodu za pomocą reguł jslints i wyświetla również błędy składniowe.

Aby naprawić wcięcia i autoformatowanie (Ctrl =): Wcięcie JavaScript

Aby ustawić szerokość wcięcia, dodaj javascript.vimplik do katalogu ~ / .vim / ftplugin z następującą zawartością (dla wcięć dwóch spacji):

 setl sw=2 sts=2 et