TextMate est un (le ?) logiciel de développement bien connu des utilisateurs Apple. Microsoft users, désolé mais ce post ne pourra que vous faire languir un peu plus… Donc, je disais, Textmate. Cet outil est d'apparence très pauvre mais dans l'envers du décors se cache un fonctionnement complètement… incroyable, c'est le mot. Si bundles, macros et autres termes barbares ne vous disent rien, ça va venir. Mais le but de cet article ne sera pas de vous expliquer ce qu'est Textmate et comment fonctionne-t-il, mais plus vous présenter comment je m'en sert, du moins au point de vue des plugins, bundles, thèmes et autres futilités. Je vous laisse regarder des screencasts pour en savoir un peu plus et voir comment ce petit soft peut-être très efficace.

J'utilise ce logiciel de la façon la plus productive possible, enfin j'essaye. Et ce avec ce qu'on appelle des bundles, des commandes du type raccourcis mais en un peu plus poussés qui vous permettrons par exemple, de créer une commande affichant la propriété CSS "margin-top:10px" en tapant "mt" suivi d'une touche Tab. Le texte "mt" se transformera directement en "margin-top:px" et le curseur se positionnera entre : et px. Pas mal non ? Vous pourrez créer autant de bundles que vous voulez et ce pour tous les langages de programmation.

Je vais vous épargner tous les snippets que j'ai créé (des commandes raccourcies comme celle présentée juste au dessus), mais je vais vous exposer les différentes ressources que je possède pour accélérer ma manière de coder.

• Thème Espresso : Indispensable à une bonne visibilité, il faut un bon thème avec une bonne coloration syntaxique. Je me suis amusé à reproduire le thème complet du logiciel concurrent Espresso (mais très bien aussi) pour TextMate. Si ça intéresse quelqu'un, le voici. Et voila un aperçu (cliquez sur l'image pour le voir en plus grand).Vous pourrez le convertir pour Notepad++ avec le service suivant, gratuitement et très simplement.
• Le  Zen Coding – Ce bundle est un peu la perle du développement en HTML. Il n'est pas facile de l'aborder du premier coup mais sont utilité est telle que vous ne pourrez plus faire comme avant… après. Zen Coding consistera à réduire considérablement les opérations et les lignes de code (un div, dedans un autre div avec un p et une image…). Le raisonnement est très différent. Vous tapez une ligne de code, seulement.

  div#container>div#header>h1+ul#menu>li*5>a

  deviendra avec un raccourci que vous personnaliserez (Cmd + E pour ma part)

  <div id="container">
  	<div id="header">
  		<h1></h1>
  		<ul id="menu">
  			<li><a href=""></a></li>
  			<li><a href=""></a></li>
  			<li><a href=""></a></li>
  			<li><a href=""></a></li>
  			<li><a href=""></a></li>
  		</ul>
  	</div>
  </div>

  J'explique un peu quand même. En gros dans cette ligne de code, on dit que dans un div avec un id "container", on y met un div avec un id "header" composé d'un h1 et d'un ul d'id "menu" contenant 5 li avec des a. C'est assez lourd a expliquer mais à pratiquer c'est vraiment autre chose.

  Et le pompon c'est que disponible sur TextMate, mais aussi sur TopStyle (pc), WebIDE et IntelliJ IDEA (mac/pc/linux), Coda (mac), Aptana (mac/pc/linux) et Espresso (mac). C'est pas beau ça ? Notepad++ et compagnie, désolé, mais circulez pour le moment… Ce sera un grand jour quand le support sera proposé.

• Le bundle jQuery – Très pratique pour les adeptes de cette librairie javascript, elle permettra de taper du code jQuery de manière très simple, étant donné que toutes les fonctions sont déjà préformatées. Vous n'aurez qu'à taper .bind() ou .click suivi d'une pression sur la touche Tab et vous n'aurez qu'à taper le code que vous voulez, sans perdre du temps avec les bases.
• Le bundle PHP – Aussi utile pour les développeurs PHP, des bouts de code comme les $_COOKIE[''], $_POST[''] très pénibles à taper seront disponible très simplement avec un $_ et une touche Tab. C'est magique !
• Le bundle Javascript – Un peu pareil que pour jQuery, tout le code un peu pénible à taper sera désormais très simple et plutôt agréable à coder.
• Mes bundles HTML & CSS – Il en existe une moulte quantité totalement différents les uns des autres. Le concepteur du Zen Coding a fait les siens et ils ne sont pas mal du tout. J'ai créé les miens pour plus de simplicité encore comme par exemple pour les propriété CSS : "mt" = martin-top:; "mb" = margin-bottom:; "z" = z-index:; "bgu" = background:url(); etc. Pour l'HTML, c'est similaire, on aura par exemple "in" pour <input type="" value="" name="" id="" />, "object" pour l'insertion d'une vidéo de manière correcte, etc. Des raccourcis qui sont devenus familiers maintenant et surtout utilisés à chaque fois !
• Bien d'autres bundles encore… Tous disponibles ici, pour une utilisation bien particulière bonne recherche !

A ce propos, j'essaierai de vous faire un petit screencast rapide afin de vous présenter un peu la bête de manière un peu plus concrète. Ah et sinon, soyez rassuré, Microsoftiens, une solution semblable à TextMate est disponible, eh oui ! Il s'appelle E-TextEditor et il supporte les bundles de TextMate, le tout payant (une 30aine de $) avec une période d'essai de 30 jours. Soyez rassuré :p