web-dev-qa-db-fra.com

Comment personnaliser Vim pour le développement et la programmation Web?

J'ai déjà essayé de trouver quelque chose à ma question dans [askubuntu.com], mais rien ne répondait à mes besoins. Donc, ce que je veux, c’est de construire vim en tant qu’éditeur très puissant et utile pour html, css, javascript, etc. mais aussi pour la programmation. J'essaie d'apprendre le CSS et en général je voulais un éditeur très gentil avec beaucoup de plugins. Alors, est-ce que quelqu'un peut m'aider, étape par étape, à personnaliser vim et à indiquer les fonctionnalités à explorer qui pourraient m'aider pendant ma période d'apprentissage?

Oh, et le seul moyen de faire fonctionner vim est depuis le terminal? Merci

*** edit ---> Je ne trouve pas le fichier my.vimrc

my home folder

10
gabriel

Tout le monde a d'excellents conseils, j'ai pensé vous expliquer quelques notions de base:

1. GVim pour vim en dehors de la console et comment l'installer

Vous avez demandé si vim ne peut être exécuté qu'à partir de la console. GVim (GUI-Vim) est la version autonome. À partir de votre capture d'écran, il semble que vous utilisiez Ubuntu. Vous pouvez trouver gvim dans le Centre logiciel et l'installer à partir de là. Vous pouvez aussi Sudo apt-get install gvim depuis un terminal.

2. Création d'un fichier de configuration .vimrc

Il semble que, par défaut, vim/gvim ne crée pas de .vimrc pour vous, vous pouvez donc en créer un vous-même. Ouvrez vim et tapez :e ~/.vimrc pour modifier un nouveau fichier nommé .vimrc dans votre dossier personnel (~).

Nous allons commencer par ajouter un seul paramètre, afin de voir si cela a fonctionné. Ajoutez le texte suivant:

" switch on line numbering
set number

Le " est le caractère de commentaire.

Ensuite, quittez vim et redémarrez-le - vous devriez constater qu’une ligne numéro 1 est apparue en haut à gauche et que tous les fichiers que vous modifiez ont désormais la numérotation des lignes activée par défaut.

3. Installer un plugin

Les plugins résident dans un dossier appelé ~/.vim/, mais, encore une fois, vim ne le crée pas par défaut, vous devez donc le créer:

mkdir ~/.vim

Au fil du temps, le dossier .vim grossira en plusieurs sous-dossiers, tels que:

  • plugin pour les plugins
  • color pour les combinaisons de couleurs
  • doc pour la documentation
  • syntax pour les modes de coloration syntaxique

Mais pour l'instant c'est vide. Ajoutons un plugin pour l'essayer.

Commencez par ouvrir vim avec vim . - qui indique à vim d'ouvrir un dossier en mode "Explorateur". Nous installerons NERDtree, un plug-in de navigateur de fichiers populaire, qui remplacera l'explorateur par défaut.

Allez à http://www.vim.org/scripts/script.php?script_id=1658 et téléchargez le fichier Zip à partir du tableau au bas de la page.

Ouvrez-le dans le gestionnaire d'archives, choisissez "extraire", puis dites-lui de l'extraire dans votre dossier ~/.vim/. Vous devrez peut-être appuyer sur Ctrl+H dans le navigateur de dossiers du gestionnaire d’archives, pour afficher les dossiers cachés.

Une fois extrait, il créera plusieurs sous-dossiers dans .vim pour vous. Si vous redémarrez maintenant vim avec un

vim .

Vous devriez voir que la vue de l'explorateur a changé! Il utilise maintenant le plugin NERDtree.

4. Plus de paramètres .vimrc

Mon fichier .vimrc complet est disponible ici https://bitbucket.org/hjwp/vim/src , mais voici quelques paramètres que je trouve vraiment utiles:

" syntax highlighting
syntax on

" map cut & paste to what they bloody should be
vnoremap <C-c> "+y
vnoremap <C-x> "+x
map <C-v> "+gP

" sane text files
set fileformat=unix
set encoding=utf-8

" sane editing
set tabstop=4
set shiftwidth=4
set softtabstop=4

" convert all typed tabs to spaces
set expandtab

"autocompletion with ctrl+space
inoremap <c-space> <c-n>
inoremap <Nul> <c-n>

5. Ctags

Au début, je ne m'inquiéterais pas trop des plugins. Le fait de connaître le pouvoir que vim vous offre hors de la boîte devrait déjà être assez utile pour votre code. Mais une chose qui est vraiment utile pour travailler dans vim est ctags . ctags vous permet d'effectuer des tâches telles que la définition rapide et la saisie semi-automatique pour tous les mots-clés de votre arborescence source. Commencer avec:

apt-get install exuberant-ctags

Ensuite, dans votre .vimrc, ajoutez

map <f12> :!ctags -R .<cr>

Désormais, lorsque vous appuyez sur "F12" dans une session vim, un fichier .tags sera généré, que vim pourra utiliser pour rechercher des mots-clés.

Maintenant, si vous êtes sur, par exemple un appel de fonction dans votre code source, vous pouvez utiliser ctrl+] pour passer à sa définition. Plus d'infos ici: https://stackoverflow.com/questions/563616/vim-and-ctags-tips-and-tricks

6. quelle est la prochaine

D'autres personnes ont publié des guides très utiles. Voici quelques SO pages que j'ai trouvées utiles:

C'est tout un monde de vim là-bas. Mais: attention: si vous vous retrouvez dans vim golf, vous êtes probablement allé trop loin - http://vimgolf.com/ ;-)

11
hwjp

Je suggère que vous commenciez à étudier .vimrc est juste comme celui ci-dessus. Les besoins et les préférences de chacun étant différentes, vous devez donc procéder définitivement à l'installation manuelle plutôt que de simplement copier les configurations de quelqu'un d'autre.

Quelques ressources sur l'apprentissage de VIM lui-même:

  • Apprendre Vim progressivement , un excellent guide pour apprendre Vim.
  • Tutoriels Vim Novice , une série de vidéos de Derek Wyatt Je me suis bien amusé au début de mon périple.
  • Aide-mémoire , si vous ne connaissez pas encore Vim, je vous recommanderais de procéder à cela comme un examen. Écrivez les combinaisons de touches sur un papier, la commande à gauche et la description à droite. Commencez ensuite par mémoriser en masquant la commande ou la description et en essayant de vous rappeler la réponse. Il ne faut pas longtemps avant que les commandes vous parviennent naturellement, mais souvenez-vous de les utiliser activement dans Vim également, sinon vous allez rapidement désapprendre.
  • http://usevim.com (évalue les plugins vim et possède également une série Vim 101)
  • http://vimcasts.org/episodes/archive (Quelques grands casting)

Quelques plugins vraiment utiles

  • Syntastic Analyse de code statique pour des tonnes de langues
  • syntaxe vim-css Mise en surbrillance de la syntaxe pour CSS3. En règle générale, vous devriez mettre à jour les fichiers de syntaxe pour HTML5 et Javascript, si vous les utilisez.
  • Matchit Etend la fonctionnalité de%
  • Surround Mappages pour les balises/parenthèses, etc., vraiment puissants pour les développeurs Web
  • Tcomment Facilement basculer les commentaires dans la plupart des langues
  • Pathogen Gardez votre dossier vim organisé afin que vous puissiez désinstaller et jouer avec les plugins
  • NERDtree Un très populaire explorateur d'arbres, personnellement, je préfère juste: e.
  • Command-T Gestionnaire de mémoire tampon populaire, personnellement, je ne peux pas l'utiliser car cela dépend de Ruby.
  • Snipmate Insérer facilement des extraits de code.
  • Sparkup Étendre div # stuff.class> ul> li * 5 en HTML, vous obtenez la dérive.

Un autre bon à savoir

  • Pour obtenir la complétion par tabulation des projets, vous pouvez utiliser les balises ctags prises en charge par vim.
  • Rebind majuscule à esc, après un jour, vous ne pouvez pas comprendre comment vous avez eu l’énergie nécessaire pour atteindre jusqu’à esc.
  • Vim a ramifié des arbres d'annulation, ce qui signifie que vous pouvez toujours annuler l'opération même si vous avez modifié votre arbre d'annulation . Gundo vous aide à visualiser cela.
  • Vim a des annulations persistantes, ce qui signifie qu'il enregistre l'historique des annulations même si vous redémarrez votre ordinateur. Vous devez absolument l'activer.
  • Dans mon propre vimrc, j'ai une fonction qui vérifie si je travaille sur un site Drupal ou un Wordpress, en fonction des différentes conventions de code définies. (Supposons que cela puisse être utile de le savoir, vous pouvez le trouver dans mon dépôt référencé ci-dessous.)
  • Steve Losh avait cette impressionnante configuration définissant un objet numérique dans vim afin que vous puissiez supprimer/modifier/etc uniquement le nombre, par exemple 200px, en appuyant sur cN

Les dépôts Vimrc valent la peine d'être vérifiés

  • Steve Losh Des trucs géniaux
  • Tim Pope Créateur de Fugitive, Surround et des tonnes d’autres plugins vim
  • Oxy Mon propre référentiel, dans le README, j'ai un exemple pour générer des ctags pour les projets Drupal.
  • Derek Wyatt Ses screencasts m'ont appris vim, vous pouvez y trouver beaucoup de choses sympas
9
oxy

vous pouvez utiliser ceci:

bash <<(curl -s https://raw.github.com/wongyouth/vimfiles/master/install.sh )

Ceci est la configuration de mon professeur, dans l’espoir de vous aider.

Une poignée de plugins pour vim sont tous conservés dans un sous-répertoire de paquet, configuration utile de vim, notamment pour le codage Rails. Tous les plugins sont inclus en tant que sous-modules, vous pouvez donc les mettre à jour en une seule commande qui simplifie la vie.

détail: entrez la description du lien ici

1
clark