Partage
  • Partager sur Facebook
  • Partager sur Twitter

Configurer Vim pour le HTML et le CSS

autocomplete, autoindent, etc.

Sujet résolu
    13 octobre 2010 à 16:43:30

    Bonjour :) !

    Je me suis récemment mis à Linux grâce à l'excellent tuto de M@teo21. Je trouve que Vim est très intéressant. Je voudrais l'utiliser pour coder en HTML et CSS.

    Grâce au tuto, j'ai activé le numéro des lignes et la coloration syntaxique. Cependant, je voudrais aller plus loin. J'aimerais retrouver quelques unes des options de l'interface développeur de Dreamweaver. Par exemple, voici les fonctionnalités qu'il me manque vraiment :
    • -Fermeture automatique des balises lorsque l'on tape "</"
    • -Tabulation automatique lorsque l'on fait un retour à la ligne
    • -Auto-complétion des propriétés CSS
    • -Etc.

    J'ai regardé du côté de la doc officielle mais j'ai vraiment du mal à m'en sortir. Je trouve beaucoup d'infos sur d'autres langages mais pas grand chose sur le HTML et le CSS.

    Est-ce que vous auriez des tuyaux à partager pour coder plus rapidement ces 2 langages sous Vim :D ?

    Bonne fin d'après-midi

    Nayrolf
    • Partager sur Facebook
    • Partager sur Twitter
      13 octobre 2010 à 19:02:28

      Salut,

      Citation : nayrolf


      Fermeture automatique des balises lorsque l'on tape "</"



      Juste pour savoir, lorsque tu utilises ce raccourci, tu te situe à la fin du nom de la balise que tu viens d'écrire ? Dans ce cas tu peux ajouter cette ligne dans ton fichier .vimrc :

      :map </ bi<<esc>ea><esc>


      Citation : nayrolf


      Tabulation automatique lorsque l'on fait un retour à la ligne



      L'option autoindent devrait convenir :

      set autoindent


      Citation : nayrolf


      Auto-complétion des propriétés CSS



      Tu peux placer toutes tes propriétés CSS dans un fichier texte, que vim utilisera pour l'auto-complétion. Ensuite il te suffit de spécifier le chemin de ce fichier dans ton fichier .vimrc comme ceci :

      set dictionary=/home/toi/fichier.txt


      Enfin, lorsque tu tapes du texte, tu n'as plus qu'a utiliser la combinaison C-x C-k pour lancer l'auto-complétion à partir du fichier ;)

      EDIT: petite correction concernant l'auto-complétion
      • Partager sur Facebook
      • Partager sur Twitter
        14 octobre 2010 à 7:44:43

        Bonsoir,

        Merci beaucoup pour ta réponse Taurre :) ! Tes conseils et un peu de recherches m'ont permis de résoudre tous mes problèmes :D !

        Pour ceux que ça intéresse voici ce que j'ai fait :

        Tabulation automatique :
        J'ai rajouté la ligne suivante dans mon fichier ~/.vimrc :
        set autoindent
        


        Auto-complétion des propriétés CSS :
        J'ai rajouté la ligne suivante dans mon fichier ~/.vimrc :
        autocmd FileType python set omnifunc=pythoncomplete#Complete
        autocmd FileType javascript set omnifunc=javascriptcomplete#CompleteJS
        autocmd FileType html set omnifunc=htmlcomplete#CompleteTags
        autocmd FileType css set omnifunc=csscomplete#CompleteCSS
        autocmd FileType xml set omnifunc=xmlcomplete#CompleteTags
        autocmd FileType php set omnifunc=phpcomplete#CompletePHP
        autocmd FileType c set omnifunc=ccomplete#Complete
        

        Depuis, il suffit que j'ouvre un fichier css et lorsque je tape "ctrl-x" puis "ctrl-o", un menu déroulant s'ouvre avec toutes les propriétés dont j'avais besoin.

        Fermeture automatique des balises HTML
        J'ai copié le script closetag.vim dans mon répertoire ~/.vim/plugin
        Depuis, lorsque je tape "ctrl-_" (touche 8) les balises se ferment toutes seules :) !

        Voilà voilà, je considère le problème comme résolu mais je vais continuer mes recherches car il y a encore quelques pistes que je voudrais poursuivre :

        • - Travailler plusieurs fichiers simultanément avec des onglets
        • - Sauvegarder automatiquement des backups des fichiers en cours
        • - Créer des modèles de codes pour insérer rapidement un doctype


        Bonne soirée :) !

        Nayrolf
        • Partager sur Facebook
        • Partager sur Twitter

        Configurer Vim pour le HTML et le CSS

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown