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

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

Oh, et la seule façon dont vim fonctionne est depuis le terminal? Merci

*** modifier ---> Je ne trouve pas mon fichier.vimrc

Tout le monde a d'excellents conseils, je pensais remplir certaines des bases:

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 utilisez Ubuntu, vous pouvez trouver gvim dans le Software Center et l'installer à partir de là. Vous pouvez également le faire sudo apt-get install gvimdepuis un terminal.

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

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

Nous allons commencer par ajouter un seul paramètre, afin que nous puissions 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'un numéro de ligne 1 est apparu en haut à gauche, et vous devriez constater que tout fichier que vous modifiez à partir de maintenant a la numérotation des lignes activée par défaut.

3. Installer un plugin

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

mkdir ~/.vim

Au fil du temps, le .vimdossier augmentera plusieurs sous-dossiers comme:

• plugin pour les plugins
• color pour les jeux 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 qui est un plugin de navigateur de fichiers populaire, qui remplacera l'explorateur par défaut.

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

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

Une fois extrait, il créera plusieurs sous-dossiers .vimpour 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 .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

Je ne m'inquiéterais pas trop des plugins au début, juste connaître la puissance que vim vous offre dès le départ devrait déjà être suffisamment utile pour votre codage. Mais une chose qui est vraiment utile pour travailler dans vim est ctags . ctags vous permet de faire des choses comme "passer à la définition" et de compléter automatiquement 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>

Maintenant, lorsque vous appuyez sur "F12" dans une session vim, il va générer un .tagsfichier, que vim peut 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'informations ici: /programming/563616/vim-and-ctags-tips-and-tricks

6. quelle est la prochaine

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

• /programming/95072/what-are-your-favorite-vim-tricks
• /programming/726894/what-are-the-dark-corners-of-vim-your-mom-never-told-you-about
• /programming/164847/what-is-in-your-vimrc

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

Je vous suggère de commencer à étudier les .vimrc comme celui ci-dessus. Les besoins et les préférences de chacun sont différents, vous devriez donc sans aucun doute procéder à l'installation manuelle de trucs au lieu de simplement copier les configurations de quelqu'un d'autre.

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

• Learn Vim Progressively , un excellent guide sur l'apprentissage de Vim.
• Vim Novice Tutorials , une série de vidéos de Derek Wyatt, je me suis amusé quand j'ai commencé mon voyage.
• Cheat Sheet , si vous n'êtes pas familier avec Vim avant, je vous recommanderais de passer à cela comme un examen. Notez les raccourcis clavier sur un papier, la commande à gauche et la description à droite. Commencez ensuite à mémoriser en masquant la commande ou la description et en essayant de vous souvenir de la réponse. Cela ne prend pas longtemps avant que les commandes vous viennent naturellement, mais n'oubliez pas de les utiliser activement dans Vim également, sinon vous allez vite les désapprendre.
• http://usevim.com (Évalue les plugins vim et possède également une série Vim 101)
• http://vimcasts.org/episodes/archive (Quelques jolis lancers)

Quelques plugins vraiment utiles

• Analyse de code statique syntastique pour des tonnes de langues
• vim-css3-syntax Syntaxe en surbrillance pour CSS3. En règle générale, vous devez également mettre à jour les fichiers de syntaxe pour HTML5 et Javascript, si vous les utilisez.
• Matchit Étend les fonctionnalités de%
• Surround Mappings pour les balises / parenthèses, etc., très puissant pour les développeurs Web
• Tcomment Basculez facilement les commentaires dans la plupart des langues
• Pathogen Gardez votre dossier vim organisé afin de pouvoir désinstaller et jouer avec les plugins
• NERDtree Un explorateur d'arbres très populaire, personnellement si je préfère juste: e.
• Commande-T Un gestionnaire de tampons populaire, personnellement, je ne peux pas l'utiliser car cela dépend de ruby.
• Snipmate Insérez facilement des extraits de code.
• Sparkup Etendez div # stuff.class> ul> li * 5 en HTML, vous obtenez la dérive.

Un autre bon à savoir

• Pour obtenir une tabulation complète pour les projets, vous pouvez utiliser des ctags pris en charge par vim
• Reliez le verrouillage des majuscules à l'esc, après une journée, vous ne pouvez pas comprendre comment vous avez eu l'énergie pour atteindre l'escape.
• Vim a ramifié des arbres d'annulation, ce qui signifie que vous pouvez toujours annuler 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 votre historique d'annulation même si vous redémarrez votre ordinateur, vous devez certainement l'activer.
• Dans mon propre vimrc, j'ai une fonction qui vérifie si je travaille sur un site Drupal ou Wordpress, en fonction de ces différentes conventions de code définies. (Je suppose que cela pourrait être utile de savoir, vous pouvez le trouver dans mon référentiel lié ci-dessous.)
• Steve Losh avait cette configuration géniale définissant un objet numérique dans vim afin que vous puissiez supprimer / modifier / etc uniquement le nombre dans par exemple 200px en appuyant sur cN

Dépôts Vimrc à vérifier

• Steve Losh Des trucs géniaux
• Tim Pope Creator 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 des projets Drupal.
• Derek Wyatt Ses screencasts m'ont appris vim, vous pouvez y trouver beaucoup de trucs sympas

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 tous maintenus dans un sous-répertoire de bundle, configuration utile de vim, spécialement pour le codage Rails. Tous les plugins sont inclus en tant que sous-modules, vous pouvez donc obtenir des plugins mis à jour dans une seule commande qui vous facilite la vie.

détail: entrez la description du lien ici