Teddy Payet
CTO Freelance

Quelques packages pour Sublime text 2

J’utilise depuis mi-octobre Sublime Text 2 pour la création de mes pages (html, javascript, css, etc.). De base, il est très bien, mais il montre toute sa puissance lorsqu’on lui ajoute des packages (des extensions). Voici une liste de packages que j’ai installé.

Préalable

Avant de commencer vous devez installer le "Package Control" pour pouvoir, comme son nom l’indique, gérer vos différents packages.
Suivre la démarche sur ce site pour l’avoir : http://wbond.net/sublime_packages/p...

Installation d’un package

Pour installer un package, appuyez sur "Ctrl+Maj+P".

  • Tapez "install". Vous verrez apparaître "Package Control : Install Package". Cliquez dessus.
  • En bas de votre fenêtre, à gauche, vous verrez que Sublime Text est en train de réfléchir. Il recherche les packages à installer. Il y en a une floppée par défaut.
  • Cela fait, un champ s’affiche en haut de la fenêtre avec en dessous la liste complète des packages disponibles.
  • Tapez les premières lettres du package que vous désirez installer. La liste se réduit comme peau de chagrin pour afficher les résultats correspondants à votre recherche.
  • Cliquez sur celui désiré. Ça mouline en bas à gauche de votre fenêtre… Et voilà, votre package est installé.
  • Si vous ne voyez pas les effets escomptés de votre package, redémarrez Sublime Text.

Installation d’un package non répertorié

On doit maintenant ajouter un package qui n’est pas installé par défaut dans Package Control. Pour cela, suivre les étapes suivantes :

  • Appuyez sur "Ctrl+Maj+P". Taper "repository". S’affiche alors "Package Control : add repository", validez ce choix.
  • En bas de votre fenêtre, un champ est apparu. Vous devez coller l’url de votre nouveau package (sur GitHub, c’est l’url indiqué pour "Git Read-only"). Validez.
  • Ça mouline… C’est prêt. Maintenant, passer à la méthode classique

Zen Coding

C’est LE premier package que j’ai installé ! Il vous simplifie la vie quand vous avez des centaines de lignes de codes à rentrer.
 Nom dans la liste des repositories : "Zen Coding"
 Plus d’infos : http://code.google.com/p/zen-coding/

Prefixr

Vous avez tous entendu parler de CSS3… (entre autres). Et chaque navigateur y va de sa sauce pour son implémentation : -moz-border-radius, -webkit-border-radius, etc.
Avec Prefixr, il vous suffit d’écrire, par exemple, border-radius : 10px puis Edit > Prefixr. Et hop ! Il vous met tous les préfixes adéquates.
 Nom dans la liste des repositories : "Prefixr"
 Plus d’infos : http://prefixr.com

jQuery

Il y a un package de base dans Sublime Text. Mais la version de jQuery utilisée est inférieure à la 1.7 (on n’a pas l’évent .on()). Ce qui n’est pas très pratique à la longue. J’ai trouvé un package un peu plus complet par hasard sur github (Une petite recherche sur google avec "jquery sublime text" ramène le lien suivant) : MrMartineau
Ce n’est pas un package par défaut, donc suivre la démarche ci-dessus
 Nom dans la liste des repositories : "jQuery"
 Git Read-only : https://github.com/mrmartineau/jQue...
 Plus d’infos : https://github.com/mrmartineau/Jquery

SideBar Enhancements

Ce package étend votre menu contextuel (clic droit de la souris) sur vos fichiers. Vous pouvez personnaliser les applications qui pourront ouvrir tel ou tel fichier.
 Nom dans la liste des repositories : "SideBar Enhancement"
 Plus d’infos : https://github.com/titoBouzout/Side...

Bracket Highlighter

Un "défaut" dans Sublime Text, c’est qu’on a un peu de mal à visualiser les éléments d’ouverture ou de fermeture du code en comparaison à NotePad++ ou Komodo Edit. Et bien, il existe un package pour cela.
Ce n’est pas un package par défaut, donc suivre la démarche ci-dessus
 Nom dans la liste des repositories : "BracketHighlighter"
 Git Read-only : https://github.com/facelessuser/Bra...
 Plus d’infos : https://github.com/facelessuser/Bra...

 
Langage et développement
jQuery, Javascript
Environnement de développement
Sublime Text
Catégorie
Notes de développement, Astuce

P.-S.

J’ajouterai au fur et à mesure des packages au fil de l’eau.
Si vous en avez de sympa, vous pouvez les lister dans les commentaires ou m’envoyer un message pour que je les référence dans l’article.