tag:linuxfr.org,2005:/users/krampstudioLinuxFr.org : les contenus de krampstudio2015-11-23T08:57:24+01:00/favicon.pngtag:linuxfr.org,2005:News/368702015-11-13T18:49:46+01:002015-11-13T18:49:46+01:00WebVim, une distribution Vim pour le dévelopment webLicence CC By‑SA http://creativecommons.org/licenses/by-sa/4.0/deed.fr<div><p>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.</p>
<p><img src="//img.linuxfr.org/img/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6b72616d7073747564696f2f77656276696d2f6d61737465722f7265736f75726365732f57656256696d2e706e67/WebVim.png" alt="Logo WebVim" title="Source : https://raw.githubusercontent.com/krampstudio/webvim/master/resources/WebVim.png"></p>
<p>WebVim offre par défaut quelques fonctionnalités sympas, dignes de certains IDE et éditeurs de code spécialisés : </p>
<ul>
<li>coloration syntaxique ;</li>
<li>affichage des erreurs de syntaxes et de styles ;</li>
<li>auto-complétion ;</li>
<li>
<em>refactoring</em> ;</li>
<li>curseurs multiples ;</li>
<li>formatage et alignement automatiques ;</li>
<li>prise en compte de conventions d'édition (<a href="http://editorconfig.org/">editorconfig</a>) ;</li>
<li>prise en charge de git ;</li>
<li>navigation dans les modules nodes.js ;</li>
<li>un mode <em>hardcore</em> (où par exemple la touche <code>Esc</code> et les flèches sont désactivées) ;</li>
<li>et tout ce que Vim fournit par défaut (par exemple la vérification orthographiques) !</li>
</ul><p>WebVim utilise le gestionnaire de greffons <a href="https://github.com/junegunn/vim-plug">vim-plug</a> en arrière plan et un système de chargement et de configuration avancé.</p></div><ul><li>lien nᵒ 1 : <a title="http://krampstudio.com/webvim" hreflang="en" href="https://linuxfr.org/redirect/95583">WebVim</a></li><li>lien nᵒ 2 : <a title="https://github.com/krampstudio/webvim/" hreflang="en" href="https://linuxfr.org/redirect/95584">Code source de WebVim sur Github</a></li></ul><div><h2 id="historique">Historique</h2>
<p>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.</p>
<p>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 <code>.vimrc</code> ajouter un greffon puis un autre. Comme beaucoup j'ai créé un dépôt de type <em>dotfiles</em> pour partager ma configuration. De fil en aiguille, mon répertoire <code>.vim</code> partagé est devenu WebVim.</p>
<p>Aujourd'hui c'est l'éditeur que j'utilise au jour le jour pour tous mes développements.</p>
<h2 id="philosophie">Philosophie</h2>
<p>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 : </p>
<ul>
<li>HTML ;</li>
<li>CSS, SCSS ;</li>
<li>JavaScript côté client et serveur ;</li>
<li>JSON ;</li>
<li>markdown.</li>
</ul><p><img src="//img.linuxfr.org/img/687474703a2f2f6b72616d7073747564696f2e636f6d2f77656276696d2f696d616765732f73686f74732f6a732e706e67/js.png" alt="Édition d'un module JavaScript" title="Source : http://krampstudio.com/webvim/images/shots/js.png"></p></div><div><a href="https://linuxfr.org/news/webvim-une-distribution-vim-pour-le-development-web.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/107327/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/news/webvim-une-distribution-vim-pour-le-development-web#comments">ouvrir dans le navigateur</a>
</p>
krampstudioBenoît SibaudNils Ratusznikhttps://linuxfr.org/nodes/107327/comments.atom