Sublime text est un superbe éditeur de code. Sa polyvalence et sa grande communauté en font un outil vraiment génial. A titre personnel, c'est l'éditeur que j'utilise tous les jours, je vous ai fait une petite sélection de plugins indispensables à connaître.

Installer un plugin

Afin de faciliter l'installation de plugins sur sublime text, je vous recommande l'outil Package Control, qui va grandement vous faciliter la vie.

Installer Package Control

Package Control c'est le plugin des plugins. C'est celui qui va vous permettre d'installer tous les autres très facilement.

Pour l'installer c'est très assez simple :

  1. Allez sur cette page
  2. Copiez le code
  3. Allez dans sublime text, collez le code dans la console puis appuyez sur entrer.

Pour afficher la console : view > show console

Utiliser Package Control

Dorénavant, pour installer un plugin il vous faudra suivre l'opération suivante :

  1. Entrez le raccourci ctrl + shift + p pour ouvrir la palette de commandes
  2. Tapez install et sélectionnez Package Control: Install Package
  3. Recherchez votre plugin, sélectionnez le
  4. C'est terminé, le plugin est installé !

Plus d'infos pour savoir comment utiliser Package Control

Découvrir

Le site de Package Control est très bien fait, je vous suggère de fouiller pour chercher les plugins qui vous plaisent.

Emmet

Si vous développé avec du HTML ou CSS, Emmet est indispensable. Il vous permet d'écrire des raccourci pour générer le code correspondant lorsque vous appuyez sur tab. Le temps que vous allez gagner est réellement énorme.

Par exemple, cette chaîne de caractères

div#foo.bar

générera le code HTML suivant

<div id="foo" class="bar"></div>

Les possibilités sont nombreuses, il est tout à fait possible de générer d'un coup le squelette entier du site. Je vous invite à regarder la documentation Emmet pour plus d'informations.

Alignment

Ce plugin se charge très simplement de réaliser des alignements pour vous. Un exemple vaut mille mots, imaginez le code suivant en PHP :

$config['base_url'] = 'http://local.dev/';
$config['url'] = APPPATH . '/';
$config['application_folder'] = APPPATH . '/application/';

Il vous suffirait de sélectionner les 3 lignes puis de faire le raccourci ctrl + alt + a. Vous obtiendriez alors le résultat suivant :

$config['base_url']           = 'http://local.dev/';
$config['url']                = APPPATH . '/';
$config['application_folder'] = APPPATH . '/application/';

Ceci est très pratique pour s'y retrouver et garder un code propre et lisible.

Plusieurs options sont disponibles pour affiner le comportement du plugin mais globalement les options par défaut sont bonnes.

All Autocomplete

Ce plugin est à installer et oublier. Vous l'utiliserez tous les jours sans même vous en rendre compte.

Il permet simplement d'ajouter, dans l’auto-complétion, les mots des autres onglets ouverts dans Sublime Text. En effet, par défaut, Sublime Text n'auto-complète que les mots du fichier courant.

Autoprefixer

Ce plugin est destiné aux développeurs CSS. Il se charge d'ajouter les préfixes dédiés aux différents navigateurs directement au sein de votre feuille de style. Vous n'avez plus besoin de vous en soucier.

Fonctionnement du plugin Autoprefixer

Il se base sur caniuse pour ajouter les préfixes nécessaire en fonction de la configuration que vous lui aurez précisé.

Pré-processeurs CSS

Si vous utilisez un pré-processeur CSS, le plugin associé va vous être indispensable. A chaque enregistrement d'un fichier, le plugin se chargera de générer le css correspondant.

Personnellement, j'utilise stylus avec le plugin associé. C'est réellement très efficace.

Material Theme

Enfin, le dernier n'est pas un plugin mais un thème. Je le trouve magnifique et son développeur est très actif sur github pour corriger les problèmes. Il s'agit de Material Theme.

Material Theme