Recommandé Vim plugins JavaScript pour le codage?

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

  • Pour donner à la question plus de clarté, et afin d'aider les OP dans leur anglais pour les futurs postes... Il faut lire: "Salut, je suis nouveau sur JS & Vim. Plugins pourrait m'aider à écrire du code Javascript?" Vous pouvez dire "je suis nouveau sur le Javascript et vim". Vous pouvez utiliser "ce qui est" pour le singulier, par exemple "qu'est-Ce que a_plugin qui pourrait m'aider..." ou vous pouvez utiliser "qui" pour le pluriel comme ceci: "Which_plugins pourrait m'aider...". Notez également qu'au lieu de "plugins est" vous devez utiliser "plugins serait" parce que c'est hypothétique. Espérons que cela aide 🙂
  • grâce hendrixski 🙂
  • vote de rouvrir ce.
  • Le plus constructif non-constructif question.
  • J'aime beaucoup la façon dont ce "non constructif" question m'a aidé à améliorer mon travail.
  • Pas constructif !!!
  • Puisque la question est (injustement OMI) a fermé, je vais juste ajouter un commentaire ici: il y a un électron à base avant la fin de l'NeoVim avec tapuscrit de la langue du serveur d'auto-complétion de la boîte (fonctionne avec de la vanille JS trop!): onivim.io. C'est toujours un peu rude sur les bords, mais j'ai été en utilisant comme mon véhicule quotidien depuis quelques semaines maintenant et je n'ai pas eu trop de problèmes. Il a une très bonne communauté autour d'elle, et c'est sous de très fortes développement, donc j'attends de bonnes choses à l'avenir! La divulgation complète: je fais un don mensuel pour le projet et le plan de contribuer à l'avenir.

InformationsquelleAutor Tarek Saied | 2011-01-23
  1. 115

    Vérification De La Syntaxe /Peluchage

    Il y a un moyen très facile à intégrer JSLint ou l'piloté par 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'info.

    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's Ace éditeur en ligne.

    1. Installer les paquets suivants à l'aide de votre logiciel favori-manager (Ubuntu apt-get, Mac la maison brew, etc.):
      1. exuberant-ctags
        • REMARQUE: Après l'installation assurez-vous que l'exécution de ctags va effectivement exuberant-ctags et pas l'OS préinstallé ctags. Vous pouvez trouver de l'exécution de 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 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 (REMARQUE: C'est TagBar, pas le vieux infâme TagList!).
    5. PROFIT. 🙂

    Nouveau Projet - Tern.js

    DoctorJS est actuellement 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.

    • +1 pour TagBar (n'était au courant de la Liste!)
    • Ouais, c'est beaucoup mieux que l'ancienne Liste. Vous êtes les bienvenus à se joindre à son développement dans le majutsushi.github.com/tagbar
    • Actuellement doctorjs vous oblige à cloner récursive comme spécifié dans ce bogue, git clone --recursive https://github.com/mozilla/doctorjs.git et puis make install devrait fonctionner
    • Pour ceux qui cherchent à utiliser la dernière DoctorJS, de garder trace de ce billet: jsctags n'est plus portée de rapports de balises (en suspens à la date du 10 Jan 2011)
    • doctorjs sur Windows: baumichel.blogspot.ca/2011/11/... ajouter des types de fichiers supplémentaires pour TagBar: github.com/majutsushi/tagbar/wiki
    • Avant l'étape 3, cd dans doctorjs et ce faire: git submodule init && git submodule update. Puis faire l'étape 3.
    • L'infusion de commande est en fait brew install ctags-exuberant
    • pourquoi exuberant-ctags est nécessaire?
    • tag-liste ne prend pas en charge le prototype de la fonction
    • Ce n'est pas TagList de la faute - je crois que c'est un bug dans doctorjs qui crée l'arborescence source. TagList montre il sur Vim.
    • voter à rouvrir cette question
    • comment puis-je le faire?
    • Il ressemble à la sterne-fondé de la solution est: github.com/ramitos/jsctags
    • +1 pour TagBar trop, navigue sur JS les classes et les foo()s avec facilité.
    • Il ne prend pas en charge IIFE et également AMD module.

    InformationsquelleAutor
  2. 17

    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.

    Aussi, vous pouvez trouver une grande 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.

    modifier, 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é 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 a 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...).

    • Comment avez-vous fait ces cool frappes?
    • Haha, c'est <kbd></kbd>. Les navigateurs n'ont généralement pas de style par défaut pour ce tag, bravo à la team pour faire le travail supplémentaire.
    • merci romainl , mais ont un problème avec autoComplPop c'est de travailler uniquement avec un fichier html sans css et js et php
    • Comme beaucoup de Vim plugins acp est très sensible aux types de fichiers. Si la mémoire tampon du type de fichier est "html", ni acp ni omni complète de travail pour l'embarqué JS/CSS/PHP. Et je vais éditer ma réponse, pas suffisamment de possibilités d'édition/chambre ici.
    • Vous préférerez peut-être utiliser le entretien courant de la branche de snipMate que Rok Garbas & co. mettre ensemble.
    • (Et par "branche", je veux dire "la fourchette".)
    • voter à rouvrir cette question

    InformationsquelleAutor romainl
  3. 8

    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 ainsi.
    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/.

    • J'ai écrit un général autoformatting plugin vim, qui intègre la js-formatage automatique de la requête et de plus en plus. Vérifiez ici: github.com/Chiel92/vim-autoformat
    • prettitier - le meilleur
    InformationsquelleAutor Chiel ten Brinke
  4. 6

    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 ainsi.

    • merci mais je pense que j'ai un problème d'oeil à img69.imageshack.us/img69/7629/11142565.png
    • Hm, sur windows il existe des instructions spécifiques vous aurez besoin de suivre, il nécessite un interpréteur javascript. Je n'ai pas essayé de l'installer sur windows, mais les instructions d'installation sont en bas de la page un peu dans le README, désolé je ne peux pas être plus de l'aide.
    InformationsquelleAutor Scott
  5. 3

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

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

     setl sw=2 sts=2 et
    • dans ~/.vimrc : autocmd FileType javascript setlocal sw=2 ts=2 sts=2
    InformationsquelleAutor Evgenii