Comment modifier le code HTML dans Vim?

Je suis nouveau sur Vim et j'essaie de m'habituer. Je viens de créer un .fichiers vimrc et a obtenu Vim pour afficher les numéros de ligne et de faire différentiels de la recherche. J'ai aussi activé la coloration syntaxique. Maintenant je veux l'activer de choses à faire de l'écriture de code HTML plus facile. J'ai cherché pour html.vim /usr/share/vim et trouvé ceci:

/usr/share/vim/vim72/syntax/html.vim
/usr/share/vim/vim72/ftplugin/html.vim
/usr/share/vim/vim72/indent/html.vim

Maintenant, que dois-je faire pour activer le HTML auto indentation? Copiez ces fichiers dans ~/.vim? Lien symbolique? Ou ne Vim automatiquement les charger à partir de /usr/share/vim/? (Il le fait déjà le HTML de la syntaxe, donc je pense que c'est possible - mais il ne fait pas dans le HTML de l'auto indentation)
J'ai entendu set autoindent.vimrc ferait l'affaire, mais ce qui est avec .c fichiers? J'ai pensé qu'ils avaient besoin set cindent, mais ne cindent travail avec le HTML?

Solution Possible: stackoverflow.com/questions/459478/...

OriginalL'auteur mrm8 | 2011-05-09

  1. 19

    La première chose que vous devez faire est d'essayer vimtutor et l'achever d'un couple de fois. Une fois que les bases sont couvertes, vous pouvez commencer à jouer avec les plugins...

    SnipMate est inspiré par TextMate les extraits de code et/donc est beau, il a beaucoup de bouts de code HTML par défaut, et il est extrêmement facile d'ajouter votre propre. Pour l'utiliser, tapez div puis appuyez sur Tab pour obtenir:

    <div id="|">

</div>

    avec le curseur entre les "" prêt pour vous taper une id; appuyez sur Tab pour placer le curseur sur la ligne vide:

    <div id="myId">
    |
</div>

    Belle. De nombreux éditeurs ont cette fonction, bien que.

    Si vous avez beaucoup de code HTML à écrire — dire quelques e-mails ou des bulletins périodiques, un jour — un autre plugin appelé SparkUp vous permet de produire du code HTML complexe avec seulement quelques coups de clés et quelques connaissances CSS. Vous commencez par taper quelque chose comme:

    table[id=myTable] > tr*3 > td*2 > img

    alors vous avez frappé <C-e> (CtrlE) pour obtenir:

    <table cellspacing="0" id="myTable">
  <tr>
    <td>
      <img src="|" alt="" />
    </td>
    <td>
      <img src="" alt="" />
    </td>
  </tr>
  <tr>
    <td>
      <img src="" alt="" />
    </td>
    <td>
      <img src="" alt="" />
    </td>
  </tr>
  <tr>
    <td>
      <img src="" alt="" />
    </td>
    <td>
      <img src="" alt="" />
    </td>
  </tr>
</table>

    avec le curseur à l'intérieur du premier vide "". Hit <C-n> et <C-p> pour aller à la prochaine/précédente domaine.

    Magique. Le plugin est disponible pour plusieurs éditeurs.

    Je seconde les objets texte et Surround.vim qui sont incroyablement utile.

    Une autre fonctionnalité intéressante est le visual-mode bloc (:help visual-block) où vous pouvez sélectionner des colonnes de texte. Disons que vous avez:

    <ul>
    <li><p>My text doesn't mean anything</p></li>
    <li><p>My text doesn't mean anything</p></li>
    <li><p>My text doesn't mean anything</p></li>
    <li><p>My text doesn't mean anything</p></li>
</ul>

    placez votre curseur sur la > de la première <li>puis appuyez <C-v>et déplacer le curseur vers le bas de la quatrième <li>. Hit I (I majuscule) pour passer en mode INSERTION juste avant la > et le type class="myElement" puis <Esc> pour obtenir:

    <ul>
    <li class="myElement"><p>My text doesn't mean anything</p></li>
    <li class="myElement"><p>My text doesn't mean anything</p></li>
    <li class="myElement"><p>My text doesn't mean anything</p></li>
    <li class="myElement"><p>My text doesn't mean anything</p></li>
</ul>

    Ho yeah!

    Sérieusement, Vim est grande.

    +1 Pour la mention de Sparkup. J'ai eu l'intention d'essayer que pour un certain temps maintenant.
    Merci. Je réserve SparkUp pour des tâches très spécifiques où je suis obligé d'utiliser d'énormes tables imbriquées comme des bulletins d'information et autres. Lorsque vous avez un rigide et prévisible de la structure. Quand je travaille dans une plus libre façon je trouve SnipMate plus pratique. Mais je suis une récupération de TextMate utilisateur, votre kilométrage peut varier.

    OriginalL'auteur romainl

  2. 13

    Prendre un coup d'oeil à le AutoCloseTag plugin pour fermer les balises que vous tapez. Et set autoindent devrait être la manipulation HTML indentation pour vous.

    Aussi, vous devriez lire les docs en :help text-objects à apprendre sur l'utilisation de l'intérieur et l'extérieur de la balise sélections. Par exemple, en mode normal, vous pouvez le faire cit pour modifier le texte à l'intérieur de la balise courante. Ou en mode visuel t va étendre la sélection visuelle pour encapsuler l'étiquette autour du curseur.

    Enfin, regardez les Entourent.plugin vim, qui peut entourer une sélection ou d'un objet texte avec une étiquette, ou de modifier la balise autour d'elle.

    set autoindent? Mais ce qui est à C? Sera ce fichier plugin de gérer ces cas pour moi?

    OriginalL'auteur Michael Berkowski