Extensions pour Sublime Text 2

Sublime_Text_Logo2.jpg

Depuis mon dernier article sur Sublime Text 2, la popularité de cet éditeur de texte n’a pas faibli même si la version 3 peine à s’imposer chez les utilisateurs en raison d’un manque de compatibilité de quelques extensions très populaires.

Vous trouverez dans cet article une liste de plug-in que j’utilise quotidiennement, elle vous donnera un aperçu des possibilités offertes pour façonner votre éditeur de texte favori.

Package Control

package_control.jpg

Le Package Control est indispensable, c’est une sorte de Super Plug-in qui va vous permettre de télécharger et d’installer toutes les extensions que vous souhaitez.
Télécharger le ici

Bracket Highlighter

Screenshot_1.png
Combien de fois vous êtes-vous demandé où se fermait telle ou telle div ou tel ou tel script javaScript. Bracket Highlighter vous permet de repérer facilement la structure de vos intégrations.
Télécharger le ici

Color Highlighter

Screenshot_2.png
Combien de fois avez-vous fait l’aller-retour entre votre éditeur de texte et Photoshop pour savoir à quoi correspondait tel ou tel code couleur ?
Ce temps-là et révolu, Color Hightlighter vous donnera la couleur associé au code hexadécimal.

Cette extension m’a permis de gagner du temps lors de l’intégration du site «La maison de l’entrepreneur» dont le design s’articulait autour de 6 couleurs principales.
Télécharger le ici

Emmet (ex ZenCoding)

emmet.jpg
Coder une liste non-ordonnée composée d’une dizaine de liens… en même pas 30 secondes… rien de plus facile avec Emmet.
Télécharger le ici

SASS/SCSS

Screenshot_3.png
Sublime Text gère de nombreux langages nativement, les préprocesseurs comme SASS (que nous utilisons avec le framework COMPASS sur la plupart de nos intégrations) peuvent être ajoutés très rapidement.

Télécharger l'extension SASS ici

Télécharger l'extension SCSS ici

WordPress

Screenshot_4.png
Indispensable pour travailler sur le développement d’un site utilisant le CMS WordPress, vous aurez accès rapidement à tout un ensemble de hooks, de fonctions, de constantes et de classes.
Télécharger le ici

SPIP

Screenshot_5.png
Notre CMS national n’a pas été oublié par la communauté des développeurs.
Télécharger le ici

Raccourcis clavier utiles (Source - blog.goetter.fr/) :

Clic molette : sélection verticale

Ctrl + Shift + P : Commandes

Ctrl + P : Accès rapide aux fichiers

Ctrl + G : Accès au numéro de ligne

Ctrl + R : Accès direct par terme (par ex liste des sélecteurs en CSS)

Ctrl + Shift + D : Dupliquer une ligne

Ctrl + Shift + F : Recherche dans les fichiers du projet

Ctrl + H : Remplacer

Ctrl + X : Supprimer la ligne

Ctrl + / : Mettre en commentaires (PHP, HTML, …)

Ctrl + D : Sélectionner l’occurrence identique suivante

Alt + F3 : Sélectionner toutes les occurrences

Ctrl + Shift + M : Sélectionner tout entre les parenthèses/accolades

Ctrl + PageUp/PageDown : Se déplacer dans les onglets

Ctrl + Shift + T : Réouvrir le dernier onglet fermé

Alt + Shift + 1/2/3/4/5 : Vues splittées

Ctrl + F2 : Placer un signet

F2 : Aller au signet suivant

Ctrl + KU : Met le texte sélectionné en uppercase

Ctrl + KL : Met le texte sélectionné en lowercase

F9 : tri par ordre alphabétique

Un commentaire

  1. Bonjour,

    Je débute et j’essaie d’accrocher les wagons !
    Pouvez-vous m’indiquer dans quelle mesure on peut taper du CSS3 dans ST2 ?
    J’ai essayé d’appliquer du justify-content à mon html, ça ne donne rien…

    Merci d’avance !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.