Recommandé Vim plugins JavaScript pour le codage?

Question

Je suis nouveau sur JS & Vim. Plugins pourrait m'aider à écrire du code Javascript?

Answer 1

Vérification De La Syntaxe / Peluchage

Il y a un moyen très facile à intégrer JSLint ou axée sur la communauté jshint.com (ce qui est beaucoup mieux IMO) avec Vim à l'aide de la Syntastic plugin Vim. Voir mon autre post pour plus d'infos.

Le Code Source de navigation / Tag-liste

Il y a aussi une très belle façon d'ajouter une balise de liste à l'aide de Mozilla DoctorJS (anciennement jsctags), qui est également utilisé dans Cloud9 IDE' As éditeur en ligne.

1. Installez les paquets suivants à l'aide de votre logiciel favori-manager (Ubuntu apt-get, du Mac à la maison brew, etc.):
   1. exuberant-ctags
      • REMARQUE: Après l'installation assurez-vous que l'exécution ctags tourne réellement exuberant-ctags et pas l'OS préinstallé ctags. Vous pouvez trouver de l'exécution d' ctags --version.
   2. node (Node.js)
2. Clone DoctorJS à partir de github: git clone https://github.com/mozilla/doctorjs.git
3. Aller à l'intérieur, DoctorJS dir et make install (Vous aurez aussi besoin de l' make application installée, mais c'est très basique).
   • Il y a quelques bugs avec l'installation du plugin, make install ne pas faire l'affaire pour le moment. Pour l'instant j'ai juste ajouter le repo de l' bin/ dir pour mon $CHEMIN d'accès au lieu. Voir DoctorJS de GitHub et les questions de pages pour plus d'info.
4. Installer le TagBar plugin Vim (NOTE: C'est TagBar, pas le vieux infâme TagList!).
5. Le PROFIT. :)

Nouveau Projet - Tern.js

DoctorJS est actuellement à la mort. Il y a un nouveau projet prometteur appelé tern.js. Il est actuellement en beta début, et devrait à terme remplacer.

Il y a un projet ramitos/jsctags qui utilise la sterne comme son moteur. Juste npm install -g , et tagbar utilisera automatiquement pour les fichiers javascript.

Answer 2

snipMate émule TextMate est ⇥ système d'insertion et vient avec un tas de utile JS extraits (entre autres) par défaut. Il est extrêmement facile d'ajouter vos propres.

javaScriptLint vous permet de valider votre code contre jsl.

Vous pouvez également trouver une variété de la syntaxe JavaScript fichiers sur vim.org. Essayer et voir ce qui fonctionne le mieux pour vous et votre style de codage.

Le natif omnicomplete (ctrlx-ctrlo) fonctionne très bien pour moi. Vous pouvez la rendre plus dynamique avec autoComplPop, mais il peut être gênant parfois.

edit, en réponse à tarek11011 commentaire:

acp ne fonctionne pas pour le JavaScript par défaut, vous devez l'ajuster un peu. Voici comment je l'ai fait (sale hack, je suis toujours un Vim noob):

Dans vim-autocomplpop/plugin/acp.vim, j'ai ajouté l' php et javascript (et actionscript) behavs , de sorte qu'il ressemble à ça :

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

Un peu en dessous, il y a une série de blocs de code qui ressemblent à ça :

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

J'ai dupliqué ce un et modifié un peu ressembler à ça:

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

et il fait de même pour actionscript et php.

Si vous souhaitez modifier JS/CSS à l'intérieur d'un document HTML que vous pouvez faire :définir ft=html.css.javascript dans Vim de la ligne de commande pour faire ctrlx-ctrlo fonctionnent comme prévu sur la méthode/de l'noms de propriétés en JS blocs et les propriétés/valeurs en blocs CSS. Toutefois, cette approche a aussi ses défauts (bizarre indentation...).

Answer 3

Ce plugin est utile également: https://github.com/maksimr/vim-jsbeautify. Il fournit un ensemble complet de autoformatting pour le javascript. Une seule touche, et que ton code est très beau. Il peut être pratique lors d'un collage d'extraits de code. Il fait usage de la js populaires-formatage automatique de la requête, qui peut également être trouvé comme une application en ligne. Ce dernier peut être trouvé ici: http://jsbeautifier.org/.

Answer 4

Je n'utilise qu'un js spécifiques plugin vim - jslint.vim - https://github.com/hallettj/jslint.vim qui valide votre code avec jslints règles et vous donne des erreurs de syntaxe.

Answer 5

Pour corriger l'indentation et autoformatting (Ctrl =): JavaScript Tiret

Pour définir l'indentation largeur, ajoutez - javascript.vim fichier dans ~/.vim/ftplugin dir avec le contenu suivant (pour les deux espaces d'indentation):

 setl sw=2 sts=2 et