JavaScript kodlaması için önerilen Vim eklentileri? [kapalı]

JS & Vim'de yeniyim. Hangi eklentiler Javascript kodu yazmama yardımcı olur?

Sözdizimi Denetimi / Linting

JSLint'i veya topluluk odaklı jshint.com'u (çok daha iyi IMO) Syntastic Vim eklentisini kullanarak Vim ile entegre etmenin çok kolay bir yolu var . Daha fazla bilgi için diğer gönderime bakın .

Kaynak Kod tarama / Etiket listesi

Etiketi listeleme Mozilla'nın kullanarak eklemek için bir çok düzgün bir yol bulunmaktadır DoctorJS (eski jsctags da kullanılır), Cloud9 IDE 'nin Ace Online editörü .

1. Favori paket yöneticinizi (Ubuntu apt-get, Mac'in evibrew vb.) Kullanarak aşağıdaki paketleri kurun :
   1. exuberant-ctags
      • NOT: Kurduktan sonra , işletim sisteminin önceden kurulu değil, ctagsgerçekten çalıştığından emin olun . Çalıştırarak öğrenebilirsiniz .exuberant-ctagsctagsctags --version
   2. node (Node.js)
2. Klon DoctorJSgithub dan:git clone https://github.com/mozilla/doctorjs.git
3. DoctorJSDir içine gidin ve make install(Ayrıca makeuygulamanın yüklü olmasına da ihtiyacınız olacak , ancak bu çok basit).
   • Eklentiyi kurarken bazı hatalar var make install, şu an için hile yapmıyor. Şimdilik bin/deponun dizinini $ PATH'ıma ekliyorum . Daha fazla bilgi için DoctorJS'nin GitHub ve sayı sayfalarına bakın.
4. TagBar Vim eklentisini kurun ( NOT: Bu TagBar, eski kötü şöhretli TagList değil!).
5. KAR. :)

Yeni Proje - Tern.js

DoctorJS şu anda öldü . Tern.js adında yeni bir gelecek vaat eden proje var . Şu anda erken beta aşamasındadır ve sonunda yerini alacaktır.

Tern'i motoru olarak kullanan ramitos / jsctags projesi var . Sadece npm install -gbu ve tagbar otomatik olarak javascript dosyaları için kullanacaktır.

SnipMate , TextMate'in ⇥ekleme sistemini öykünür ve varsayılan olarak (diğerlerinin yanı sıra) bir dizi yararlı JS parçacığı ile birlikte gelir. Kendinizinkini eklemek son derece kolaydır.

javaScriptLint Eğer karşı kodu doğrulamak için izin verir JSL.

Ayrıca vim.org'da çeşitli JavaScript sözdizimi dosyaları bulabilirsiniz. Bunları deneyin ve hangisinin size ve kodlama stilinize en uygun olduğunu görün.

Yerli omnicomplete ( ctrlx- ctrlo) benim için çok iyi çalışıyor. AutoComplPop ile daha dinamik hale getirebilirsiniz , ancak bazen can sıkıcı olabilir.

tarek11011'in yorumuna yanıt olarak düzenleyin:

acp varsayılan olarak JavaScript için çalışmaz, biraz ayarlamanız gerekir. İşte bunu nasıl yaptım (kirli hack, ben hala bir Vim noob'um):

Vim-autocomplpop / plugin / acp.vim'e ekledim phpve javascript(ve actionscript) behavsşöyle görünmesi için:

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

Biraz aşağıda, buna benzer bir dizi kod bloğu var:

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

Bunu kopyaladım ve şöyle görünmesi için biraz düzenledim:

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

ve actionscript ve php için aynısını yaptı.

Düzenleme JS / yapabileceğiniz HTML belgesi içinde CSS isterseniz: Vim'ın komut satırında set ft = html.css.javascript yapmak ctrlx- ctrloişi yöntemine beklendiği gibi / CSS bloklar halinde JS blokları ve özellikleri / değerlerinde özellikleri isimler. Ancak bu yaklaşımın da dezavantajları vardır (garip girinti…).

Bu eklenti ayrıca kullanışlıdır: https://github.com/maksimr/vim-jsbeautify . Javascript için tam otomatik biçimlendirme sağlar. Tek tuşa bastığınızda kodunuz güzel görünür. Kod parçacıklarını yapıştırırken de kullanışlı olabilir. Çevrimiçi bir uygulama olarak da bulunabilen popüler js-güzelleştiriciden yararlanır. İkincisi tam burada bulunabilir: http://jsbeautifier.org/ .

Yalnızca js'ye özgü bir vim eklentisi kullanıyorum - jslint.vim - https://github.com/hallettj/jslint.vim, bu kodunuzu jslints kuralları ile doğrular ve size sözdizimi hataları da verir.

Girintiyi ve otomatik biçimlendirmeyi düzeltmek için (Ctrl =): JavaScript Girintisi

Girinti genişliğini ayarlamak için, javascript.vimdosyayı aşağıdaki içeriklerle ~ / .vim / ftplugin dizinine ekleyin (iki boşluk girintisi için):

 setl sw=2 sts=2 et