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...
Derniers commentaires
# Le 19 octobre à 13:09, par nico
En réponse à : MagicMirror², ma configuration personnalisée
# Le 25 septembre à 12:01, par Teddy Payet
En réponse à : Un Nouveau Chapitre : Mon Admission dans un MBA en Intelligence Artificielle et Data Innovation
# Le 25 septembre à 11:20, par vY
En réponse à : Un Nouveau Chapitre : Mon Admission dans un MBA en Intelligence Artificielle et Data Innovation
# Le 21 juin à 13:49, par Teddy Payet
En réponse à : Home Assistant : Routine le matin avant l’école
# Le 21 juin à 10:47, par Teddy Payet
En réponse à : Ma domotique open source
# Le 16 juin à 17:15, par Eric
En réponse à : Ma domotique open source