WebVim, une distribution Vim pour le dévelopment web

Posté par  (site web personnel) . Édité par Benoît Sibaud et Nils Ratusznik. Modéré par ZeroHeure. Licence CC By‑SA.
42
13
nov.
2015
Ligne de commande

WebVim est une distribution Vim qui vient avec un lot de greffons pré-configurés et optimisés pour le développement web et JavaScript/node.js.

Logo WebVim

WebVim offre par défaut quelques fonctionnalités sympas, dignes de certains IDE et éditeurs de code spécialisés :

  • coloration syntaxique ;
  • affichage des erreurs de syntaxes et de styles ;
  • auto-complétion ;
  • refactoring ;
  • curseurs multiples ;
  • formatage et alignement automatiques ;
  • prise en compte de conventions d'édition (editorconfig) ;
  • prise en charge de git ;
  • navigation dans les modules nodes.js ;
  • un mode hardcore (où par exemple la touche Esc et les flèches sont désactivées) ;
  • et tout ce que Vim fournit par défaut (par exemple la vérification orthographiques) !

WebVim utilise le gestionnaire de greffons vim-plug en arrière plan et un système de chargement et de configuration avancé.

Historique

J'ai toujours été fasciné par certains de mes collègues et leur dextérité à éditer des fichiers textes plus vite que n'importe qui, mais j'ai utilisé pendant des années des outils tels qu'Eclipse ou Netbeans pour le développement et Vim pour l'édition de fichiers de configuration ou des modifications rapides en mode console.

Au fur et à mesure du temps, alors que mes doigts apprennent tous seuls les raccourcis Vim, je me dis qu'il est possible de migrer complètement vers cet éditeur pour mes tâches de développement. En fonction des besoins j'ai commencé à modifier mon .vimrc ajouter un greffon puis un autre. Comme beaucoup j'ai créé un dépôt de type dotfiles pour partager ma configuration. De fil en aiguille, mon répertoire .vim partagé est devenu WebVim.

Aujourd'hui c'est l'éditeur que j'utilise au jour le jour pour tous mes développements.

Philosophie

Le but est de prendre en charge mes cas d'utilisation bien précis, notamment l'édition de ces types de fichiers au sein de projets web :

  • HTML ;
  • CSS, SCSS ;
  • JavaScript côté client et serveur ;
  • JSON ;
  • markdown.

Édition d'un module JavaScript

Aller plus loin

  • # Nouvelle version

    Posté par  (site web personnel) . Évalué à 6.

    La version 1.1.0 est aussi sortie dans la foulée : avec quelques améliorations et corrections.

  • # Bravo

    Posté par  . Évalué à 4.

    Je recherchais justement des distributions préconfigurées de Vim, plus complètes que des simples .vimrc. Dans ce cas c'est presque un véritable IDE, mais avec tous les avantages de Vim, je teste de suite !

    • [^] # Re: Bravo

      Posté par  (site web personnel) . Évalué à 3.

      Les retours sont les bienvenues

      • [^] # Re: Bravo

        Posté par  . Évalué à 1.

        Je vais également tester de mon coté.

        J'utilise plus ou moins les mêmes plugins, la seule différence est que je préfère ctrlp à nerdtree pour naviguer dans mes projets.

        • [^] # Re: Bravo

          Posté par  . Évalué à 2. Dernière modification le 23 novembre 2015 à 08:58.

          Premier retour après 1h30 sur un projet node :
          - le thème est sympa, je pense que je vais adopter airline.
          - j'aime les infos git en préfixe de chaque ligne.
          - la liste des buffer en haut est une bonne idée, je fait trop souvent du :ls

          Les trucs chiants :
          - Esc désactivé par défaut (mais je vois que je dois améliorer ce point !)
          - Lenteurs sur le switch entre buffer, j'ai un i7 de 2012 et il me faut presque une seconde pour passer d'un buffer à l'autre.
          - 4 spaces par défaut tandis que le plus populaire en js/html est à 2.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.