Sublime Text : un bon éditeur pour le web

Comme vous le savez j'aime développer pour les plateformes mobiles et c'est d'ailleurs ma spécialité. Malheureusement dans ma vie professionnelle ce n'est pas vraiment ce que je fais le plus en ce moment : je passe beaucoup plus de temps à développer des applications web en PHP que de jolies applications iOS.

Ceci étant dit, vous comprendrez aisément pourquoi j'ai du choisir un éditeur. Dans le domaine, on a le choix. Entre NotePad++, Sublime Text, Brackets, Atom, NetBeans, etc...

C'est quoi Sublime Text?

Tout d'abord, expliquons quelques informations à propos de Sublime Text.

Est-ce que Sublime Text est un IDE ou un editeur de texte ?

Sublime Text est un editeur de texte spécialisé pour l'écriture du code informatique. Ce n'est pas un Environnement de Développement Intégré (IDE).

C'est un choix fait consciement par l'équipe de développement, de ne pas créer un nouvel IDE mais uniquement un editeur de code léger, réactif et puissant pour répondre aux besoin des développeur web.

Est-ce que Sublime Text est gratuit ?

Non, Sublime Text n'est pas un éditeur de code gratuit. Il n'a d'ailleurs jamais été gratuit. Pour l'utiliser vous êtes censé acheter une licence payante qui vaut à peu près 100 euros.

Par contre, Sublime Text peut être essayé totalement gratuitement. L'editeur de code affichera constament qu'il n'est pas vérifié et qu'il n'y a pas de license activée mais cela ne vous empêchera pas de l'utiliser.

Pourquoi avoir préféré Sublime Text ?

Je ne préfère pas Sublime Text. J'utilise différents éditeurs en fonction de mes envies du moments. J'ai donc pas mal d'éditeurs installés et configurés sur mon ordinateur.

Par contre, je connais assez bien Sublime Text et c'est pour ça que je vous en parle aujourd'hui. Je l'utilise depuis plusieurs années maintenant et j'y suis habitué.

Cet éditeur est clairement bon dans son domaine. Il boost la productivité grâce à des raccourcis clavier et des packages additionnels développés par la communauté.

Les raccourcis claviers

Je sais que certains adeptes de la souris (souvent utilisateurs de la grande Fenêtre) ont des boutons rien qu'à en parler. Pourtant je peux vous assurer que les raccourcis clavier bien maitrisés peuvent changer la vie d'un développeur.

Sublime Text nous en fournis à foison et chacun retiendra ceux qu'il jugera utile pour son cas. Je vous met ci-dessous ceux que j'utilise le plus.

Raccourcis Description
⌘ + droite Place le curseur à l'extremité droite de la ligne
⌘ + gauche Place le curseur à l'extremité gauche de la ligne
Alt + droite Place le curseur à la fin du mot suivant
Alt + gauche Place le curseur au début du mot précédent
⌘ + haut Place le curseur au début du fichier
⌘ + bas Place le curseur à la fin du fichier
⌘ + Alt + droite Affiche l'onglet suivant
⌘ + Alt + gauche Affiche l'onglet précédent
⌘ + P Aller au fichier dans le projet
⌘ + R Aller au symbol (fonction, class, etc..)
Ctrl + G Aller à une ligne n°...
⌘ + D Selectionner le mot courant. Ensuite sélectionne toutes les autres occurences de cette selection.
⌘ + L Sélectionner la ligne courante. Ensuite selectionne les lignes suivantes.
⌘ + Shit + espace Selectionner le scope courant.
⌘ + Ctrl + haut Déplace ma sélection vers le haut
⌘ + Ctrl + bas Déplace la sélection vers le bas
Ctrl + K Supprime jusque la fin de la ligne courante
Ctrl + Shift + K Supprime la ligne courante
⌘ + Shift + D Duplique la ligne courante
⌘ + / Met en commentaire une ligne
⌘ + Shift + / Mets en commentaire une ligne sous forme de block
⌘ + KU Mets le texte en MAJUSCULE
⌘ + KL Mets le texte en minuscule

Bien-sûr il y a beaucoup plus de raccourcis fournis par Sublime Text mais c'est à peu près tout pour ceux que j'utilise le plus souvent.

Les packages

Je ne suis pas le seul développeur à utiliser cet éditeur de texte. Beaucoup d'autres développeurs l'utilisent et ont codé une multitudes de packages très intéressants.

Voici les packages qui ont changé mon éditeur de texte en véritable IDE :

  • GitGutter qui ajoute à la barre de numérotation des lignes un indicateur (ligne supprimée, ajoutée, modifiées)
  • jsFormat qui permet de reformater une portion de code JSON ou JS. Super pratique lorsque l'on veut comprendre un fichier JS minimifié ou un code JS pourri retourné par une API mal codée par exemple.
  • Git qui affiche dans la barre d'état le status git du projet, la branche en cour, etc... En plus de ça il vous offre une interface graphique pour les commande Git directement dans SublimeText.
  • Emmet qui étend la fonctionnalité de raccourcis HTML déjà proposés par Sublime Text. Vous écrivez ça div#header>h1>a.logo et vous obtenez ceci
<div id="header">
   <h1><a href="" class="logo"></a></h1>
</div>
  • Lorem Ipsum qui me permet de générer à la volée du lorem ipsum grâce au raccourcis clavier Ctrl + Alt + L.
  • SublimeLinter : un package que j'aime tout particulièrement. Il fait le lien entre Sublime Text et les différents linteur que j'utilise, il uniformise l'affichage des erreurs et les préférences.
  • Markdown Editing pour avoir un jolie editeur markdown. Il s'occupe aussi de convertir mes fichiers markdown en html à la demande.
  • DashDoc qui me permet de rechercher une référence (fonction, structure, class, etc...) dans les documentations enregistrées en local par le logiciel Dash.
  • DocBlockr qui accélère l'écriture des commentaires de documentation pour les fonctions, classe et attribut. Tout ça dans plusieurs langages.

C'est tout pour les packages les plus utiles que j'ai.